पृष्ठ के शीर्ष पर JQuery स्क्रॉल

Question

क्या jQuery के साथ किसी पृष्ठ के शीर्ष पर प्रोग्रामेटिक रूप से स्क्रॉल करने का कोई तरीका है? मैं वर्तमान में निम्नलिखित कोड के साथ ऐसा करने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है। मैं Firefox का उपयोग कर रहा हूँ वर्तमान में,

$(window).scrollTop($(document).height()); 

Answer 1

इस प्रयास करें:

$('html, body').animate({scrollTop: '0px'}, 300); 

आप तुरंत होने के लिए 0 बजाय 300 साथ ऐसा कर सकते हैं, लेकिन यह एक त्वरित ऑटो स्क्रॉल प्रभाव देता है।

Answer 2

निक के अच्छे उत्तर में बस एक स्निपेट जोड़ना। यह उपयोगकर्ता को पृष्ठ को नीचे स्क्रॉल करने के बाद ही "शीर्ष पर स्क्रॉल करें" तत्व दिखाता है, यानी Pinterest-शैली।

$("#scroll_to_top_button").hide(); // hide on page load 

    $(window).bind('scroll', function(){ 
    if($(this).scrollTop() > 200) { // show after 200 px of user scrolling 
     $("#scroll_to_top").slideDown("fast"); 
    } 
    }); 

Answer 3

यहां jQuery की आवश्यकता नहीं है। देशी का उपयोग करें:

window.scrollTo(x-coordinate, y-coordinate);

ध्यान दें कि यह चेतन हिस्सा (अवधि आदि) कि jQuery

Answer 4

$('a[href^="#"]').on('click', function(event) { 

var target = $(this.getAttribute('href')); 

if(target.length) { 
    event.preventDefault(); 
    $('html, body').stop().animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
} 

प्रदान करता है

}) पर कोई नियंत्रण नहीं है;

एचटीएमएल

<div id="top"></div> 
<a href="#top">Click to scroll up</a>