我的页面上有一个div:
<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>
我怎样才能使div滚动到div的底部??不是页面,只是DIV。
我的页面上有一个div:
<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>
我怎样才能使div滚动到div的底部??不是页面,只是DIV。
当前回答
更新:请参阅Mike Todd的解决方案以获得完整的答案。
$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);
如果你想让它变成动画(超过1000毫秒)。
$('#div1').scrollTop($('#div1').height())
如果你想要即时的。
其他回答
试试这个:
$('#div1').scrollTop( $('#div1').height() )
$(document).ready(function() {
let width = $(window).width();
let element = $("#YourId");
let positionFromTop = element.offset().top + element.prop("scrollHeight");
$("html, body").animate({
scrollTop: Math.abs($(window).height() - positionFromTop)
}, 500);
});
这些都不适合我,我在一个网页应用程序中有一个类似于Facebook messenger的消息系统,并希望消息出现在div的底部。
这是一个基本的Javascript。
window.onload=function () {
var objDiv = document.getElementById("MyDivElement");
objDiv.scrollTop = objDiv.scrollHeight;
}
你可以使用下面的代码滚动到底部的div页面加载。
$(document).ready(function(){
$('div').scrollTop($('div').scrollHeight);
});
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
这将获取页面的高度,并在窗口加载后向下滚动页面。一旦页面准备好,将1000更改为您需要的任何速度。