点击按钮-滚动条处于页面或者（div）的底部

最新推荐文章于 2024-03-12 18:25:16 发布

guonei001

最新推荐文章于 2024-03-12 18:25:16 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u014033756/article/details/49668711

本文介绍了一个简单的示例，展示了如何使用jQuery来实现网页中DIV元素的自动滚动功能。通过点击按钮可以返回滚动条的垂直位置，适用于需要动态更新内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){

$("div").scrollTop($("div")[0].scrollHeight);
// alert($("div").scrollTop()+" px");
});
});
</script>
</head>
<body>

<div style="border:1px solid black;width:100px;height:150px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br>

<button>Return the vertical position of the scrollbar</button>
<p>Move the scrollbar down and click the button again.</p>

</body>
</html>