在写前台页面的效果时,有个需要将垂直滚动条始终保持在底部的效果。这个有jquery很容易实现,下面就说一说方法。

jquery使垂直滚动条始终保持在最底部的方法

示例1:JQ使整个页面的滚动条保持在部底

JQ想要使整个页面的滚动条保持在部底,就需要控制HTML body 标签的滚动条,只要需要将body垂直滚动条位置设置成body内容的实际高度即可!

JQ代码:

$('body').scrollTop($('body')[0].scrollHeight);

示例2:jquery设置某个元素的垂直滚动条始终保持在最低部

jq设置某个元素的垂直滚动条始终在最低部,其方法和示例1中的一样,只是指定的元素不同而已。

示例代码:

<div id="mochu">这里是元素的内容,飞鸟慕鱼博客</div>
<script>
$('#mochu').scrollTop($('#mochu')[0].scrollHeight);
</script>

PS:使用示例代码前,需要提前引入 jquery.js 文件