我的页面上有一个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。
当前回答
下面的方法会有用。请注意[0]和scrollHeight
$("#myDiv").animate({ scrollTop: $("#myDiv")[0].scrollHeight }, 1000);
其他回答
滚动窗口到目标div的底部。
function scrollToBottom(id){
div_height = $("#"+id).height();
div_offset = $("#"+id).offset().top;
window_height = $(window).height();
$('html,body').animate({
scrollTop: div_offset-window_height+div_height
},'slow');
}
scrollToBottom('call_div_id');
更新:请参阅Mike Todd的解决方案以获得完整的答案。
$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);
如果你想让它变成动画(超过1000毫秒)。
$('#div1').scrollTop($('#div1').height())
如果你想要即时的。
jquery的动画(版本> 2.0)
var d = $('#div1');
d.animate({ scrollTop: d.prop('scrollHeight') }, 1000);
这些都不适合我,我在一个网页应用程序中有一个类似于Facebook messenger的消息系统,并希望消息出现在div的底部。
这是一个基本的Javascript。
window.onload=function () {
var objDiv = document.getElementById("MyDivElement");
objDiv.scrollTop = objDiv.scrollHeight;
}
当页面加载时,滚动是最大的值。
这是消息框,当用户发送消息时,总是显示最新的聊天,所以滚动值总是最大的。
$('#message').scrollTop($('#message')[0].scrollHeight);
见图片