किसी भी एंकर

Question

पर jQuery चिकना स्क्रॉल मैंने एंकरों को स्क्रॉल करने के लिए कई अलग-अलग कोडों का प्रयास किया है। मुझे वह काम नहीं मिल रहा है जो काम करता है। इसे लंबवत, क्षैतिज और तिरछे स्क्रॉल करने में सक्षम होना चाहिए। मुझे दूसरों के साथ एक और समस्या यह है कि वे कई लक्ष्यों के साथ काम नहीं कर रहे हैं। मैं चाहता हूं कि यह स्क्रिप्ट को संपादित किए बिना पेज पर किसी भी एंकर पर स्क्रॉल करने में सक्षम हो।

Fiddle

इस कोड है कि इस सबसे करीब से मेल खाता है, मैं इसे काम करने के लिए प्राप्त नहीं कर सकते:

var $root = $('html, body'); 
$('a').click(function() { 

    $root.animate({ 

     scrollLeft: $($.attr(this, 'href')).offset().left, 
     scrollTop: $($.attr(this, 'href')).offset().top 

    }, 500); 

    return false; 
}); 

यह JSFiddle में काम करता है, लेकिन जब मैं अपने पृष्ठ पर डाल दिया यह काम नहीं करता

यह डुप्लिकेट क्यों नहीं है? यह एक बहु-दिशा स्क्रिप्ट है जो एकल तत्वों को लक्षित नहीं करती है। यह पृष्ठ पर सभी लिंक पर लागू होता है।

Answer 1

मैं काम कर सकते हैं नहीं मिल अपने jsfiddle करने के लिए, देखें कि क्या यह काम करता है:

$(function(){ 
    $('a').on({ 
     click:function (e) { 
     e.preventDefault(); 
     var root = $("html, body"); 
     var target = $(this).attr("href"); 
     root.animate({ 
      scrollLeft: $(target).offset().left, 
      scrollTop: $(target).offset().top 
     }, 500); 
     } 
    }); 
)};