使用jQuery滚动到包含大量文本的div底部
使用jQuery滚动到包含大量文本的div底部
提问于 2010-09-19 00:00:28
当有很多文本时，我有一个在右边有滚动条的div。当页面加载时，我尝试使用此代码滚动到div的底部，但我没有太多的运气。怎样才能实现呢？
风格：
div.messageScrollArea{
width: 100%;
max-height: 300px;
overflow: auto;
}JavaScript代码：
$(document).ready(function () {
var objDiv = $('.messageScrollArea');
if (objDiv.length > 0){
objDiv[0].scrollTop = objDiv[0].scrollHeight;
}
});回答 5
Stack Overflow用户
发布于 2014-07-16 03:18:07
//note: use of stop function to prevent animation build-ups if called repeatedly
//subtracting container height brings scrollTo position to container bottom
scrollUp = function() {
$("#scroller").stop().animate({ scrollTop: 0 }, "slow");
}
scrollDown = function() {
var scroller = $('#scroller');
var height = scroller[0].scrollHeight - $(scroller).height();
$(scroller).stop().animate({ scrollTop: height }, "slow");
}Stack Overflow用户
发布于 2017-07-07 22:06:56
使jQuery函数更加灵活。
$.fn.scrollDown=function(){
let el=$(this)
el.scrollTop(el[0].scrollHeight)
}
$('div').scrollDown()Stack Overflow用户
发布于 2018-09-07 21:45:47
jQuery简单的解决方案，一行，不需要外部库：
$("#myDivID").animate({ scrollTop: $('#myDivID')[0].scrollHeight }, 1000);将1000更改为另一个值(这是动画的持续时间)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3742346
复制相关文章
相似问题
腾讯云开发者
