चिकना स्क्रॉलिंग के साथ चिपचिपा नेविगेशन

Question

कूद रहा है मेरे पास एक छड़ी नौसेना और चिकनी स्क्रॉलिंग के साथ सभी प्रकार के मुद्दे हैं। मैं बस समस्या निवारण के लिए jQuery के बारे में पर्याप्त नहीं जानता। मैं क्रिस कोयर से एक चिकनी स्क्रॉलिंग स्निपेट का उपयोग कर रहा हूं: http://css-tricks.com/snippets/jquery/smooth-scrolling/। मेरा पृष्ठ यहां है: http://clients.ekcetera.com/agivingchance।

यहाँ मेरी समस्याएं हैं:

1. एनएवी से कोई भी आइटम के लिए, यह आंशिक रूप से स्क्रॉल, तो स्थान पर कूदता है। मुझे पूरा यकीन है कि ऐसा इसलिए है क्योंकि मुझे पता नहीं था कि चिपचिपा हेडर के लिए कैसे खाता है, इसलिए मैंने एंकर को एंकर की ऊंचाई के लिए थोड़ा सा खाता रखा। तो, यह एंकर हो जाता है और बंद हो जाता है, लेकिन फिर उचित दृश्य पर कूदता है।
2. बैक बटन पर क्लिक करते समय, यह हमेशा सही स्थान पर नहीं जाता प्रतीत होता है - कभी-कभी यह बहुत यादृच्छिक है। मुझे लगता है कि इसे समस्या 1 के साथ करना है, और उम्मीद है कि यह स्वयं को हल करेगा। मैं ब्राउजर इतिहास/बैक बटन चीज को पूरी तरह से हटाने के साथ भी ठीक हूं, लेकिन जैसा कि मैंने कहा, मुझे पता करने के लिए एक JQuery मास्टर पर्याप्त नहीं है।

कोई सुझाव?

अग्रिम धन्यवाद!

Answer 1

1.Devin Sturgeon की टिप्पणी से इस कोड को चिकना स्क्रॉल पोस्ट के बारे में प्रयोग करें। इसके अलावा मैंने आपके चिपचिपा शीर्षलेख के लिए थोड़ा सा घटाव जोड़ा है। पसंद करने के लिए समायोजित करें।

// your functions go here 
$('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
     || location.hostname == this.hostname) { 

     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
      if (target.length) { 
      $('html,body').animate({ 
       scrollTop: target.offset().top - 181 
      }, 1000); 
      return false; 
     } 
    } 
}); 

2. ले जाएँ सभी अपने वास्तविक तत्व आप के लिए स्क्रॉल करना चाहते हैं एंकर।

(संदर्भ: http://css-tricks.com/snippets/jquery/smooth-scrolling/#comment-197181)