我有一个只有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;
});

Javascript相关问答推荐

如何在加载的元数据上使用juserc和await中获得同步负载?

使用redux-toolet DelivercThunks刷新访问令牌

D3多线图显示1线而不是3线

materialized - activeIndex返回-1

为什么这个JS模块在TypeScript中使用默认属性导入?""

JS,当你点击卡片下方的绿色空间,而它是在它的背后转动时,

我正在建立一个基于文本的游戏在react ,我是从JS转换.我怎样才能使变量变呢?

从Nextjs中的 Select 项收集值,但当单击以处理时,未发生任何情况

TinyMCE 6导致Data:Image对象通过提供的脚本过度上载

在FAQ Accodion应用程序中使用React useState时出现问题

Phaserjs-创建带有层纹理的精灵层以自定义外观

按什么顺序接收`storage`事件?

如何使用<;Link>;执行与JS Reaction中的";window.Location=/GameOverDied;";类似的操作?

FireBase云函数-函数外部的ENV变量

我正在试着做一个TicTacToe Ai来和我玩.但是,我试着在第一个方块被点击时出现一个X,然后在第二个方块之后出现一个O

如何更改Html元素S的 colored颜色 ,然后将其褪色为原始 colored颜色

JWT Cookie安全性

Reaction即使在重新呈现后也会在方法内部保留局部值

固定动态、self 调整的优先级队列

计算对象数组中属性的滚动增量