मिला है, मेरे पास थोड़ा "बड़ा" समस्या है और यह नहीं पता कि कैसे हल किया जाए।"एंकरलिंक" कहें कि लक्ष्य तत्व को डायनामिक मार्जिन-टॉप
तो मैं एक लंगर है कि मार्जिन टॉप के साथ एक तत्व के लिए कूदता के साथ एक लिंक है, मार्जिन की तरह "अनदेखा" कर रहा है निम्न उदाहरण में:
मैं मार्जिन के साथ एक div है, तो -top = "0" और वहाँ गतिशील रूप से कुछ मार्जिन टॉप, जोड़ा जाएगा लंगर निम्नलिखित उदाहरण की तरह "पुराने" स्थिति के लिए कूदता है:
यह लंगर बताने के लिए है कि वहाँ संभव है लक्ष्य तत्व पर एक गतिशील रूप से परिवर्तित मार्जिन?
एचटीएमएल
<a href="#testanchor" class="link">Testanchor</a>
<div id="zwischenelement"></div>
<div id="testanchor">Hier muss der Anker hinspringen</div>
सीएसएस
body {
height: 8000px;
}
.link {
display: block;
}
#zwischenelement {
height: 200px;
background-color: grey;
}
#testanchor {
margin-top: 40px;
background-color: red;
padding:15px;
}
जे एस ("scrollAnimate" jQuery प्लगइन शामिल किया गया है)
$(document).ready(function() {
$('#testanchor').scrollAnimate({
startScroll: 0,
endScroll: 100,
cssProperty: 'margin-top',
before: 0,
after: 40
});
});
धन्यवाद:
यहाँ एक कोड के टुकड़े कर रहे हैं आप के लिए आपकी मदद करो।
अपने anwser के लिए धन्यवाद। मुझे लगता है कि यह सही तरीका है :) –