दिलचस्प पोस्ट
लॉगकैट की आकार सीमा और इसकी क्षमता कैसे बदलनी है? पार्सिंग प्रदर्शन (यदि, ट्रायप्रॉर्स, टच-कैच) स्ट्रिंग सी # – पूरे शब्द मैच की तुलना करें कस्टम JUnit रिपोर्ट? बड़े स्विच स्टेटमेंट: खराब ओओपी? संदर्भ विधानसभा फ़ोल्डर और एक ही संस्करण के साथ विभिन्न विधानसभाओं स्ट्रिंग में डबल उद्धरण बचें php मान्य पूर्णांक क्या एचटीएमएल 5 मार्गों का उपयोग करते समय काजल 2 के राउटर का टूटना है? आउटफाईमोमर्री अपॉसिशन जब बड़ी फ़ाइल 500 एमबी फाइलस्ट्रीम एएसपीएनईटी का इस्तेमाल करते हैं मैं PowerShell का उपयोग कर एक पाठ फ़ाइल कैसे विभाजित कर सकता / सकती हूं? Django के साथ दो तिथियों के बीच का चयन करें मैं थ्रेड्स के बीच अपवाद कैसे फैल सकता हूं? मल्टीप्लॉट – बड़े कैनवास पर 3 ग्राफ़ को ढेर करना सामान्य सेट में `सेट`,` सेटक`, और `सेटफ` के बीच का अंतर?

मैं jquery का उपयोग कर पृष्ठ पर एक विशिष्ट स्थान पर कैसे स्क्रॉल कर सकता हूं?

क्या jQuery के उपयोग से पृष्ठ पर एक विशिष्ट स्थान पर स्क्रॉल करना संभव है?

क्या स्थान है जिसे मैं स्क्रॉल करना चाहता हूं:

<a name="#123">here</a> 

या यह सिर्फ एक विशिष्ट डोम आईडी पर जा सकता है?

Solutions Collecting From Web of "मैं jquery का उपयोग कर पृष्ठ पर एक विशिष्ट स्थान पर कैसे स्क्रॉल कर सकता हूं?"

jQuery स्क्रॉल प्लगइन

चूंकि यह एक प्रश्न है कि jquery के साथ टैग किया गया है मुझे कहना है, कि इस पुस्तकालय में चिकनी स्क्रॉलिंग के लिए एक बहुत अच्छा प्लगइन है, आप इसे यहां पा सकते हैं: http://plugins.jquery.com/scrollTo/

प्रलेखन से अंश:

 $('div.pane').scrollTo(...);//all divs w/class pane 

या

 $.scrollTo(...);//the plugin will take care of this 

स्क्रॉल करने के लिए कस्टम jQuery फ़ंक्शन

आप अपने कस्टम स्क्रॉल jquery फ़ंक्शन को परिभाषित करके बहुत हल्के दृष्टिकोण का उपयोग कर सकते हैं

 $.fn.scrollView = function () { return this.each(function () { $('html, body').animate({ scrollTop: $(this).offset().top }, 1000); }); } 

और इसे इस तरह प्रयोग करें:

 $('#your-div').scrollView(); 

किसी पृष्ठ निर्देशांक में स्क्रॉल करें

scrollLeft या scrollLeft विशेषता वाले html और body एलीमेंट्स को चेतन करें

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

सादा जावास्क्रिप्ट

window.scroll साथ स्क्रॉल करना

 window.scroll(horizontalOffset, verticalOffset); 

केवल योग करने के लिए, आईडी के साथ तत्व में कूदने के लिए window.location.hash का उपयोग करें

 window.location.hash = '#your-page-element'; 

सीधे एचटीएमएल में (एक्सेसिबिलिटी एन्हांसमेंट्स)

 <a href="#your-page-element">Jump to ID</a> <div id="your-page-element"> will jump here </div> 

हां, सादे जावास्क्रिप्ट में भी यह बहुत आसान है आप एक तत्व को एक आईडी देते हैं और फिर आप इसे "बुकमार्क" के रूप में उपयोग कर सकते हैं:

 <div id="here">here</div> 

यदि आप चाहते हैं कि वह वहां स्क्रॉल करे, जब कोई उपयोगकर्ता एक लिंक पर क्लिक करेगा, तो आप केवल कोशिश और सत्य विधि का उपयोग कर सकते हैं:

 <a href="#here">scroll to over there</a> 

इसे प्रोग्राम करने के लिए, scrollIntoView() उपयोग करें

 document.getElementById("here").scrollIntoView() 

किसी भी प्लगइन का उपयोग करने की कोई आवश्यकता नहीं है, आप इसे ऐसा कर सकते हैं:

 var divPosition = $('#divId').offset(); 

तो इसका उपयोग विशिष्ट DOM को दस्तावेज़ स्क्रॉल करने के लिए करें:

 $('html, body').animate({scrollTop: divPosition.top}, "slow"); 

यहां एक शुद्ध जावास्क्रिप्ट संस्करण है:

 location.hash = '#123'; 

यह स्वचालित रूप से स्क्रॉल होगा "#" उपसर्ग को जोड़ना याद रखें

सादा जावास्क्रिप्ट:

 window.location = "#elementId" 
 <div id="idVal"> <!--div content goes here--> </div> ... <script type="text/javascript"> $(document).ready(function(){ var divLoc = $('#idVal').offset(); $('html, body').animate({scrollTop: divLoc.top}, "slow"); }); </script> 

इस उदाहरण से पता चलता है कि इस मामले में किसी विशिष्ट आईपी आईडी यानी आईडीवील का पता लगाया गया है। यदि आपके पास अगले पृष्ठ / तालिकाएं हैं जो कि AJAX के माध्यम से इस पेज में खुलेंगे, तो आप अद्वितीय डिवाइन को डिलीट कर सकते हैं और डिविज़ की प्रत्येक सामग्री के लिए विशेष स्थान पर स्क्रॉल करने के लिए कॉल कर सकते हैं।

आशा है कि यह उपयोगी होगा।

 <script type="text/javascript"> $(document).ready(function(){ $(".scroll-element").click(function(){ $('html,body').animate({ scrollTop: $('.our_companies').offset().top }, 1000); return false; }); }) </script> 

इसे इस्तेमाल करे

 <div id="divRegister"></div> $(document).ready(function() { location.hash = "divRegister"; }); 

यहां @ जुराज-ब्लाहंका के हल्के दृष्टिकोण की भिन्नता है यह फ़ंक्शन कंटेनर नहीं मानता है कि दस्तावेज़ और केवल स्क्रॉल यदि आइटम दृश्य से बाहर है। अनावश्यक शेख़ी से बचने के लिए एनीमेशन कतार भी अक्षम है

 $.fn.scrollToView = function () { return $.each(this, function () { if ($(this).position().top < 0 || $(this).position().top + $(this).height() > $(this).parent().height()) { $(this).parent().animate({ scrollTop: $(this).parent().scrollTop() + $(this).position().top }, { duration: 300, queue: false }); } }); };