मैं अपनी वेबसाइट पर कुछ बटन बनाना चाहता हूं जो क्लिक करने पर उपयोगकर्ता को वेबसाइट के नीचे स्क्रॉल करता है। उदाहरण के लिए जब आप वेबसाइट के 4 बटन क्लिक करते हैं तो मैंने यह वेबसाइट https://www.slugterra.com/ देखी। , यह आपको बहुत आसानी से नीचे स्क्रॉल करता है। अभी मैं अपनी वेबसाइट पर नेविगेट करने के लिए इस कोड का उपयोग करता हूं।

    <a href="#Center">Go to Center</a>
-1
T.Z 11 अगस्त 2017, 00:49
एक अच्छा समाधान requestAnimationFrame का इस्तेमाल करेगा , या तो सीधे या किसी पुस्तकालय के माध्यम से। जब टैब दिखाई नहीं दे रहा हो तो बैटरी लाइफ को बचाते हुए यह सुचारू एनीमेशन सुनिश्चित करेगा।
 – 
Rory O'Kane
11 अगस्त 2017, 01:02

1 उत्तर

सबसे बढ़िया उत्तर

मैं अपने पृष्ठों में सहज स्क्रॉलिंग प्राप्त करने के लिए निम्नलिखित कोड का उपयोग करता हूं:

var $root = $('html, body');
$('.smothScroll').click(function() {
    var href = $.attr(this, 'href');
    $root.animate({
        scrollTop: $(href).offset().top
    }, 500, function () {
        window.location.hash = href;
    });
    return false;
});

ध्यान दें कि इस कोड के साथ आपको काम करने के लिए तत्व में .smoothScroll वर्ग जोड़ना होगा।

यदि आप एक अतिरिक्त वर्ग को जोड़े बिना सभी लिंक के साथ काम करना चाहते हैं तो आप jQuery चयनकर्ता को a में बदल सकते हैं, हालांकि इसका अन्य तत्वों के साथ अवांछित प्रभाव हो सकता है।

जिस पेज से आपने लिंक किया है उसमें स्मूद स्क्रॉलिंग के अलावा एक और एनिमेशन है। यदि आप कोड का विश्लेषण करते हैं तो आप देख सकते हैं कि एक कंटेनर पूर्ण स्थिति में है जिसे top और left गुणों के साथ स्थानांतरित किया गया है। स्क्रॉल घटना को सुनकर और कंटेनर के top और left गुणों के साथ वास्तविक scrollTop पैरामीटर के लिए एक तुल्यता सेट करके इसे आसानी से प्राप्त किया जा सकता है।

0
Mark E 11 अगस्त 2017, 01:06
शुक्र है, jQuery का नवीनतम संस्करण requestAnimationFrame< का उपयोग करता है /a> इसके animate कॉल के लिए।
 – 
Rory O'Kane
11 अगस्त 2017, 01:05