jQuery: scrollTop

Question

मैं जब उपयोगकर्ता के साथ एक "#"

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 
     var target = this.hash, 
     $target = $(target); 
     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

मैं 40px के बारे में जोड़ने की जरूरत है कि अपनी href शुरू होता है एक लिंक पर क्लिक करता आंदोलन चिकनी के लिए निम्न कोड का उपयोग कर रहा करने के लिए अतिरिक्त पिक्सल जोड़ा जा रहा है scrollTop मान पर, इसलिए स्टॉपिंग पॉइंट डू स्नॉट सामग्री को कवर करता है। मैं इस के लिए कोड को संशोधित किया है, लेकिन यह कर रही करने के लिए यह (नोटिस +40 कोड के अंत में) नहीं लगता है:

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 
     var target = this.hash, 
     $target = $(target); 
     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top + 40 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 1

+40 ऑफसेट जो आप वास्तव में चाहते हैं एक -40 क्योंकि काम नहीं कर रहा हो करने के लिए एक बार एनीमेशन पूरा ब्राउज़र कर रहा है यह id आप window.location.hash

करने से गुजर रहे हैं आपको लगता है कि लाइन हटाने या तत्वों के लिए स्क्रॉल किया जा रहा करने के लिए निम्न सीएसएस जोड़ने या तो कर सकते हैं के साथ तत्व के लिए जा रहा के डिफ़ॉल्ट प्रतिक्रिया है।

padding-top: 40px; 
margin-top: -40px; 

देखें FIDDLE

Answer 2

मैं एक देर से जवाब पता, लेकिन किसी एक समाधान की मांग इस कोशिश कर सकते हैं।

.top + चाल

$('html, body').stop().animate({ 
    'scrollTop': $target.offset().top + (-40) 
}, 900, 'swing', function() { 
    window.location.hash = target; 
});