2013-10-18 10 views
6

पर नीचे स्क्रॉल करें पृष्ठ को लोड होने पर मुझे लगभग 50px नीचे स्क्रॉल करने की आवश्यकता है।पृष्ठ लोड

$(window).load(function(){ 
    $("html,body").scrollTop(55); 
}); 

मैं भी कोशिश की है:

scrollTo(0,55) 

यह क्रोम, सफारी और ओपेरा में Firefox और IE में ठीक काम करता है, हालांकि, यह उचित स्थिति के लिए नीचे स्क्रॉल यह मैं क्या उपयोग कर रहा हूँ है और फिर शीर्ष पर वापस कूदता है (या अंतिम स्क्रॉल स्थिति)।

मैंने स्क्रॉल करने के लिए तत्व आईडी का उपयोग करने का भी प्रयास किया है, लेकिन ब्राउज़र अभी भी इसे ओवरराइट करता है। मैं इस तरह की कोशिश की:

htttp://website.com#element 
+0

अपने कोड को '$ (फ़ंक्शन() {$ ("html, body") के बजाय डोम तैयार फ़ंक्शन के अंदर डालने का प्रयास करें। ScrollTop (55);}); ' – Stphane

+0

बस कोशिश की, अभी भी ब्राउज़र द्वारा अधिलेखित हो जाता है । –

+0

क्या आपके पास अपने यूआरएल में हैश भी है? –

उत्तर

4

मुझे लगता है कि तुम्हारी समस्या है कि आप $ (विंडो) .load का उपयोग कर रहे हैं और चीजों में पूरी तरह से अभी तक प्रदान की गई havnt कुछ ब्राउज़रों समस्या हो रही है है।

$(document).ready(function(){ 
    $("html,body").scrollTop(55); 
}); 

करने की अदला-बदली का प्रयास करें यहाँ http://jsfiddle.net/7jwRk/1/

सभी ब्राउज़रों में ठीक काम करने के लिए जानकारी लगता

$ (document) .ready

कार्यान्वित जब एचटीएमएल-दस्तावेज़ भरी हुई है और डोम है तैयार

$ (विंडो) .load

कार्यान्वित जब पूरा पेज पूरी तरह से सभी फ्रेम, वस्तुओं और छवियों

+0

आपका जेएसफ़िल्ड भी '$ (विंडो) का उपयोग करता है।लोड() ' – HenningCash

+0

यह काम करता है, लेकिन नहीं, जब मैं अपने पेज में डाल, मैं इस काम करता है क्योंकि js बेला एक iframe में कोड चलाता है लगता है। –

+0

यदि आप ऐसा कुछ करने का प्रयास करते हैं तो यह आपको दिखा सकता है कि जब कुछ और आपके स्क्रॉल को हाइजैक कर रहा है तो $ ("html, body")। एनिमेट ({scrollTop: 0}, 1000, function() {alert ("यहां मिला")); jsfiddle में - –

2

आप scrollIntoView() फ़ंक्शन का उपयोग कर सकते सहित, भरी हुई है। यह अधिकांश ब्राउज़रों (यहां तक ​​कि आईई 6) में समर्थित है।

document.getElementById('header').scrollIntoView() 
+0

मैं भी कोशिश की, ब्राउज़र अभी भी इसे रीसेट करता है। –

0

वैकल्पिक रूप से, सिर्फ आपके शरीर के अंत में इस आग:

... 
    <script type="text/javascript"> 
     $("html,body").scrollTop(55); 
    </script> 
</body> 
</html> 
+0

बस कोशिश की, ब्राउज़र इसे ओवरराइट करता है। –

1
<script type="text/javascript"> 
    $(document).ready(function(){ 
    var divLoc = $('#123').offset(); 
    $('html, body').animate({scrollTop: divLoc.top}, "slow"); 
}); 
</script> 

किसी भी <div> यह इसे नीचे पृष्ठ लोड होने स्वचालित रूप से स्क्रॉल करेगा में जोड़े आईडी = "123"।

अगर कोई पिछला काम नहीं करेगा तो यह एक और स्क्रिप्ट है!

<script> 
window.setInterval(function() { 
var elem = document.getElementById('fixed'); 
elem.scrollTop = elem.scrollHeight; }, 3000); 
</script> 

किसी भी <div> को आईडी = "निश्चित" जोड़ें यह स्वचालित रूप से इसे नीचे पृष्ठ लोड होने स्क्रॉल करेगा।

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