दिलचस्प पोस्ट
दोहरा कर्ली ब्रेस अंकन को क्षणिक रूप से प्रदर्शित करने से पहले angular.js को रोकें / दस्तावेज इंटरपोलेट करें स्विफ्ट 3 पहले पैरामीटर नाम तिथि स्वरूप डीडी / एमएम / य्याय को मान्य करने के लिए रेगेक्स SimpleDateFormat महीने की अनदेखी जब पार्सिंग एक अपरिभाषित वस्तु संपत्ति का पता लगा रहा है ASP.NET C # में ईमेल कैसे भेजें हमें जावा में बराबर () विधि को ओवरराइड क्यों करना है? डेटटाइम, टाइमस्टैम्प और डेटटाइम के बीच परिवर्तित करना मैं <br /> टैग के साथ स्ट्रिंग में सभी लाइन ब्रेक्स कैसे बदलूं? मैं VBA का उपयोग कर Excel से एक सर्वर पर एक HTTP POST अनुरोध कैसे भेज सकता / सकती हूं? एक इंडेक्स बनाते समय क्यों शामिल करें खंड का उपयोग करें? विराट गुणों के लिए कैसे काम करता है? MySQL: किसी तालिका से पंक्तियों का चयन करें जो दूसरे में नहीं हैं $ (विंडो) को संभाल करने के लिए और अधिक कुशल तरीका। Jquery में एसक्रोल फ़ंक्शन? बिगडीकैम बराबर () बनाम तुलना करें ()

मैं 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 }); } }); };