दिलचस्प पोस्ट
WOFF फोंट के लिए माइम प्रकार? Postgres 9.4 में जेएसओएनबी के कॉलम पर अपडेट ऑपरेशंस कैसे करें I शून्य का आकार क्या है? वैराडीक फ़ंक्शन (वीएआरएजीआर) फ्लोट के साथ काम नहीं करता है? डिफ़ॉल्ट-पैकेज में जावा-कक्षाओं को कैसे एक्सेस करना है? मर्ज किए गए PDF के लिए अनुक्रमणिका फ़ाइल (टीओसी) जावा में इसाइज लाइब्रेरी का उपयोग करें PHP के लिए ffmpeg कैसे स्थापित करें jQuery: मौजूदा <ul> में <li> कैसे जोड़ें? गतिशील रूप से जोड़ते समय फेसबुक सामाजिक प्लग-इन प्रदर्शित नहीं हो रहा है अजगर में एक फ़ाइल ढूंढें क्या पैरामीटर प्रकार और लैम्ब्डा का वापसी प्रकार पता लगाना संभव है? एंड्रॉइड एसएसएल – एसएनआई समर्थन क्षेत्र: IOError: अमान्य मोड ('डब्ल्यू') या फ़ाइल नाम जावास्क्रिप्ट डबल बृहदान्त्र (बाइंड ऑपरेटर) Angularjs गतिशील एनजी-पैटर्न मान्यता

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

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

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

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

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

वेब के समाधान से एकत्रित समाधान "मैं 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 }); } }); };