/ / पृष्ठ माइनस नौबेर ऊंचाई का हिस्सा लिंक - html, सीएसएस, ट्विटर-बूटस्ट्रैप

पृष्ठ के भाग का लिंक माइनस नौबेर ऊंचाई - html, css, twitter-bootstrap

मुझे एक समस्या का सामना करना पड़ रहा है कि एक लिंक कैसे बनाऊं जो मुझे पहले से पृष्ठ की भाग में ले जाता है, जबकि एक नौबत ऊँचाई पर ले जाता है? चूंकि नौबार को ठोस रंग के साथ शीर्ष पर तय किया जाता है, फिर यह div के हिस्से को कवर करता है।

मैं बस करता हूँ

<a href="#foo1">Right link 1</a>
...
<section id="foo1">

जो मुझे वहाँ लाता है लेकिन इस तरह दिखता है

और मैं यही चाहता हूं

नवबार 64px ऊंचाई है और मैं सचमुच उस लिंक को # foo1 - 64px पर लाना चाहता हूं

उत्तर:

जवाब के लिए 0 № 1

आप आईडी foo1 के साथ अनुभाग के शीर्ष पर एक तत्व जोड़ सकते हैं और उस तत्व को लिंक कर सकते हैं।

<a href="#demo">Right link 1</a>
...
<section id="demo">
<section id="foo1">

जवाब के लिए 0 № 2

मैंने इसे और अधिक जाने के बाद समझ लिया।

स्क्रॉलिंग इफ़ेक्ट के लिए एक जावास्क्रिप्ट बनाया (जो कि सिर्फ जंप करने की स्थिति से बेहतर दिखता है) और ऑफ़सेट जोड़ा अधिक जानकारी यहाँ:

jQuery स्क्रॉल करने के लिए लंगर (पिक्सल की शून्य से निर्धारित राशि)