ली तत्व के लिए स्क्रॉलिंग - jquery

Question

मेरे पास एक "उल" है जिसमें बहुत से "ली" (कई सौ) हैं, उल के बारे में 400px और सीएसएस प्रॉपर्टी ओवरफ़्लो का एक निश्चित हाइट है: स्क्रॉल, प्रत्येक ली की ऊंचाई है 40 पीएक्स इसलिए हर दिए गए पल में अब 10 दृश्यमान ली नहीं हैं (शेष को स्क्रॉल करने की आवश्यकता है)। उल के एक विशिष्ट ली में स्क्रॉल स्थिति (jquery का उपयोग करके) कैसे बदल सकता हूं?

कोई विचार?

Answer 1

आप कुछ इस तरह करने की जरूरत है:

$('#yourUL').scrollTop($('#yourUL li:nth-child(14)').position().top); 

आप इसे चेतन चाहते हैं,

$('#yourUL').animate({ 
    scrollTop: $('#yourUL li:nth-child(14)').position().top 
}, 'slow'); 

कर जाहिर है अलग li रों लिए 14 समायोजित करें।

Answer 2

आप इस तरह कर सकते हैं:

$('html, body').animate({ 
    scrollTop:$('#ulID li:eq(1)').offset().top 
}, 1000); 

आप भी चयनकर्ता अनुकूलित कर सकते हैं विशिष्ट li के लिए eq के लिए मूल्य समायोजित करने की आवश्यकता या।

Answer 3

अगर किसी को वेनिला जेएस संस्करण की आवश्यकता है, तो मेरे लिए निम्नलिखित अच्छी तरह से काम कर रहा है, 50 का मूल्य बस इतना है कि जब मैं सूची के शीर्ष के पास हूं तो मैं पूरी वस्तु दिखा रहा हूं। आप इसे समायोजित कर सकते हैं।

function updateListSelection(liID) { 

    var list = document.getElementById("id Tag Of The <UL> element"), 
     targetLi = document.getElementById(liID); // id tag of the <li> element 

    list.scrollTop = (targetLi.offsetTop - 50); 
}; 

Answer 4

मैं करीब @ lonesomeday के जवाब का उपयोग कर गया, लेकिन मैंने पाया कि मैं पहली बार li से विशिष्ट li की सापेक्ष स्थिति की गणना करने के लिए किया था, क्योंकि यह युक्त ul की वर्तमान पुस्तक स्थिति के आधार पर बदल दिया है।

$('#yourUL').scrollTop($('#yourUL li:nth-child(14)').position().top - $('#yourUL li:first').position().top)