如何使用jQuery animate（）函數在div中滾動？
[英]How to scroll within a div with jQuery animate() function?
問題描述
我有這個代碼片段，將整個身體滾動到特定位置→
$('html, body').animate({ scrollTop: 1000}, 800, 'swing');但是，如果我想滾動到這樣的div中的特定位置→
$('#div-id').animate({ scrollTop: 1000}, 800, 'swing');我試過這種方式，但它不起作用，你能告訴我哪里出錯了嗎？
注意：元素#div-id有溢出：auto作為其css規則之一。
2 個解決方案
解決方案1
24 已采納 2013-08-31 07:16:11
試試這個演示：
$('#div').scroll(); $("#div").animate({ scrollTop: 1000 }, 2000);
#div { height: 100px; overflow: scroll; width: 200px; border: 2px solid red; }
<!DOCTYPE html> <html> <body> <div id='div'> dads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads dads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dadsdads dads </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </body> </html>
解決方案2
8 2013-08-31 07:01:01
怎么樣這樣： -
function scrollingdiv(parentid, id){
$("#"+parentid).animate({scrollTop: $("#"+id).position().top}, 800, 'swing');
}
對在函數中創建的div的子項進行動畫處理（使用js或jquery）
[英]Animate children of a div that have been created within a function (with js or jquery)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.