सीएसएस ओवरफ्लो तालिका पंक्ति स्थिति

Question

मेरे पास एक div टैब के अंदर टेबल है। तालिका में 40 पंक्तियां हैं और div की ऊंचाई उस तालिका की 10 पंक्तियों को दिखाने के लिए सेट है। सीएसएस का ओवरफ़्लो: ऑटो मुझे 40 पंक्तियों के माध्यम से स्क्रॉल करने देता है। सब ठीक है।

मैं जावास्क्रिप्ट के साथ तालिका को प्रोग्रामेटिक रूप से किसी दिए गए पंक्ति पर कैसे स्थानांतरित कर सकता हूं (यानी, प्रोग्राम द्वारा तालिका को ऊपर या नीचे प्रोग्राम करें)?

function scrollTo(row) 
{ 
    var container = document.getElementById("superHappyFunDiv"); 
    var rows = container.getElementsByTagName("tr"); 

    row = Math.min(Math.max(row, 0), rows.length-1); 
    container.scrollTop = rows[row].offsetTop; 
} 

कंटेनर के शीर्ष करने के लिए अनुरोध पंक्ति स्क्रॉल करने के लिए प्रयास करेंगे:

Answer 1

कहाँ superHappyFunDiv कंटेनर DIV और पंक्तियों की आईडी है एक 0-आधारित पंक्ति सूचकांक है। आईई 6 और एफएफ 3 में परीक्षण किया गया।