使用Jquery自動向下滾動？
[英]Automatically scroll down with Jquery?
問題描述
我有一個定義了高度的模態框。 在此框的內部有一個手風琴框，當用戶單擊鏈接時該框會展開。 切換時，手風琴盒的高度超過模式框的高度，因此出現滾動條。
我想將條形圖自動向下滾動到最低點，以在手風琴框中顯示新內容。
手風琴框如下所示：
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
有沒有辦法將此向下滾動功能集成到現有功能中？ 是否存在針對此類行為的現有Jquery函數？
3 個解決方案
解決方案1
2 2010-07-27 18:46:37
解決方案2
1 已采納 2010-07-27 18:54:47
如果您不想依賴任何插件或更改實際的URL，則可以使用scrollTop，請參閱http://api.jquery.com/scrollTop/
干杯。
解決方案3
0 2010-07-27 20:26:09
訣竅是使用可滾動的外部container-div。 這樣可以找出容納實際內容的內部div的大小。
我的解決方案（您必須對手風琴進行一些調整）：
<html>
<head>
<style>
#container {
overflow-y: scroll;
height: 200px; /* defined height */
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<!-- dynamic content -->
</div>
</div>
</body>
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.js" ></script>
<script type="text/javascript">
function onNewContent() {
$("#container").scrollTop($("#content").height());
}
//test
$(document).ready(function() {
for(var i = 0; i < 500; ++i)
$("#content").append($("<div/>").html(i));
onNewContent();
});
</script>
</html>
如何自動向下滾動
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.