2010-01-23 16 views
35

मैं जब कुछ लंगर क्लिक किया जाता है शीर्ष पर जाने के लिए अपने पृष्ठ चाहते हैं।चेतन

यहाँ कैसे मैं इसे करने की कोशिश की, लेकिन यह काम नहीं कर रहा है, यह सुपर तेजी से स्क्रॉल कर रहा है।

$('a[href=#top]').click(function() { 
     $('body').animate({ 
       scrollTop: 0 
     }, 
     50); 
}); 

मैं इसे धीमा करना चाहता हूं।

उत्तर

90
$('a[href=#top]').click(function(){ 
    $('html, body').animate({scrollTop:0}, 'slow'); 
}); 

शायद?

+1

किसी भी विचार क्यों '$ ('एचटीएमएल, शरीर')' की आवश्यकता है? मैं '$ (विंडो)' के साथ यह कोशिश की, लेकिन यह किसी भी प्रभाव है, जो मैं एक तरह से (मैं सही ढंग से याद करते हैं) यह खिड़की उद्देश्य यह है कि पुस्तक की स्थिति का ट्रैक रखता है के रूप में देखने के लिए यह आशा की जाती है लगता नहीं किया? –

+6

विंडो वेविपोर्ट है लेकिन आपको दस्तावेज़ एचटीएमएल को एनिमेट करने की आवश्यकता है, आपको शरीर की आवश्यकता नहीं है $ ("html")। एनिमेट ({scrollTop: $ ("# whatever_id_you_want_to_go_to") ऑफसेट()। शीर्ष}, 1200); – fullstacklife

+2

मुझे लगता है कि आपको 'body' की आवश्यकता है क्योंकि 'html' सभी ब्राउज़रों में काम नहीं करेगा। –

10

जब आप चेतन करने के लिए दूसरा पैरामीटर के रूप में 50 गुजरते हैं जो 50 मिलीसेकंड है। animate दस्तावेज़ीकरण देखें। या तो एक बड़ी संख्या पास करें, या c0mrade के रूप में सुझाव दिया गया है, बस 'धीमी' पास करें।

0

आप स्क्रॉल शीर्ष

$('a[href=#top]').click(function(){ 
$('body').animate({ 
    scrollTop: 0},4000);}); 
0
$('a[href=\\#top]').click(function(){ 
    $('body').animate(
    { 
     scrollTop: 0 
    }, 
    2000 
); 
}); 

# फरार हो जाना चाहिए \\ # के लिए समय निर्धारित कर सकते हैं।

संबंधित मुद्दे