当有很多文本时,我有一个在右边有滚动条的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;
}
});
发布于 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");
}
发布于 2017-07-07 22:06:56
使jQuery函数更加灵活。
$.fn.scrollDown=function(){
let el=$(this)
el.scrollTop(el[0].scrollHeight)
}
$('div').scrollDown()
发布于 2018-09-07 21:45:47
jQuery简单的解决方案,一行,不需要外部库:
$("#myDivID").animate({ scrollTop: $('#myDivID')[0].scrollHeight }, 1000);
将1000更改为另一个值(这是动画的持续时间)。
https://stackoverflow.com/questions/3742346
复制相似问题