我有一个只有300像素大的div,我希望它在页面加载时滚动到内容的底部.这个div动态添加了内容,需要一直向下滚动.现在,如果用户决定向上滚动,我不希望它跳回底部,直到用户再次向下滚动
有没有可能有一个div会一直滚动到底部,除非用户向上滚动,当用户向后滚动到底部时,即使添加了新的动态内容,它也需要保持自己在底部.我该怎么创造这个呢.
我有一个只有300像素大的div,我希望它在页面加载时滚动到内容的底部.这个div动态添加了内容,需要一直向下滚动.现在,如果用户决定向上滚动,我不希望它跳回底部,直到用户再次向下滚动
有没有可能有一个div会一直滚动到底部,除非用户向上滚动,当用户向后滚动到底部时,即使添加了新的动态内容,它也需要保持自己在底部.我该怎么创造这个呢.
这可能会对您有所帮助:
var element = document.getElementById("yourDivID");
element.scrollTop = element.scrollHeight;
[编辑],以匹配注释...
function updateScroll(){
var element = document.getElementById("yourDivID");
element.scrollTop = element.scrollHeight;
}
每当添加内容时,调用函数updateScroll(),或设置计时器:
//once a second
setInterval(updateScroll,1000);
如果只想在用户未移动时更新:
var scrolled = false;
function updateScroll(){
if(!scrolled){
var element = document.getElementById("yourDivID");
element.scrollTop = element.scrollHeight;
}
}
$("#yourDivID").on('scroll', function(){
scrolled=true;
});