2012-06-25 9 views
7

मेरे पास एक सारणी है जहां अंतिम कॉलम में एक्शन बटन होते हैं जो तालिका के नीचे एक और अनुभाग खोलता है। जब वह अनुभाग खोला जाता है तो बॉडी पेज रहता है जहां एक्शन कॉलम से बटन दबाया जाता था। मुझे एक jQuery का अधिमानतः उपयोग करने की ज़रूरत है। एनिमेट करें जो तालिका के नीचे खोले गए अनुभाग में .html पेज स्क्रॉल करता है।ऑनक्लिक jQuery का उपयोग कर पृष्ठ के निचले भाग पर जाएं .animate

बेला उदाहरण: http://jsfiddle.net/Ksb2W/110/

अगर किसी को भी इस के साथ मेरी मदद cand। धन्यवाद।

+0

'टेबल के नीचे खोले गए अनुभाग' से आपका क्या मतलब है? कहा पे ? – Blaster

+0

मेरे बेड़े में मेरे पास एक्शन बटन पर कुछ भी नहीं है ... – mcmwhfy

उत्तर

14

डेमोhttp://jsfiddle.net/h4ZQR/याhttp://jsfiddle.net/byRRY/

अच्छा एपीआई: http://api.jquery.com/scrollTop/

कृपया ध्यान दें: आप का उपयोग कर सकते हैं: .animate({scrollTop: $("#whateverdiv").offset().top}); पेज के कुछ वर्गों में जाने के लिए।

आशा इस मदद करता है

एचटीएमएल

<a href="#bottom" id="hulk">Click me to go to bottom</a> 

कोड

$("#hulk").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 

});​ 

या

$("a[href='#bottom']").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
});​ 
+2

और "हल्क" आईडी के लिए आपको सीएसएस से मार्जिन टॉप या कुछ देना होगा। – RulerNature

+2

@RulerNature yeps ')), अगर सीएसएस को इसके साथ जाने की ज़रूरत है, तो –

+0

के लिए धन्यवाद कक्षा में सर्वश्रेष्ठ: डी धन्यवाद! – mcmwhfy

संबंधित मुद्दे