除非用户向上滚动,否则将溢出div滚动到底部

我有一个只有300像素大的div,我希望它在页面加载时滚动到内容的底部。此div具有动态添加的内容,并且需要一直向下滚动。现在,如果用户决定向上滚动,我不希望它跳回到底部,直到用户再次向下滚动

是否有可能使div保持滚动到底部,除非用户向上滚动,并且当用户滚动回到底部时,即使添加了新的动态内容,它也需要保持在底部。我将如何创建这个。


繁星淼淼
浏览 487回答 3
3回答

慕尼黑5688855

这可能对您有帮助:var element = document.getElementById("yourDivID");element.scrollTop = element.scrollHeight;[编辑],以匹配评论...function updateScroll(){    var element = document.getElementById("yourDivID");    element.scrollTop = element.scrollHeight;}每当添加内容时,请调用函数updateScroll()或设置计时器://once a secondsetInterval(updateScroll,1000);如果您只想在用户不动的情况下进行更新:var scrolled = false;function updateScroll(){    if(!scrolled){        var element = document.getElementById("yourDivID");        element.scrollTop = element.scrollHeight;    }}$("#yourDivID").on('scroll', function(){    scrolled=true;});
打开App,查看更多内容
随时随地看视频慕课网APP