相关疑难解决方法(0)

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

我有一个只有300像素大的div,当页面加载滚动到内容的底部时我想要它.此div具有动态添加到其中的内容,需要始终保持滚动状态.现在,如果用户决定向上滚动,我不希望它跳回到底部,直到用户再次向下滚动

除非用户向上滚动,当用户向后滚动到底部时,即使添加了新的动态内容,它也需要保持在底部,否则可以使div保持滚动到底部.我该如何创造这个呢?

html javascript css jquery scroll

180
推荐指数
9
解决办法
20万
查看次数

document.body.scrollTop Firefox返回0:只有JS

纯javascript中的任何替代品?

以下适用于歌剧,铬和野生动物园.尚未在资源管理器上测试过:

http://monkey-me.herokuapp.com

https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js

在页面加载时应向下滚动到div'.content':

var destiny = document.getElementsByClassName('content');
var destinyY = destiny[0].offsetTop;
scrollTo(document.body, destinyY, 200);

function scrollTo(element, to, duration) {
    if (duration <= 0) return;
    var difference = to - element.scrollTop;
    var perTick = difference / duration * 2;

    setTimeout(function() {
        element.scrollTop = element.scrollTop + perTick;
        scrollTo(element, to, duration - 2);
    }, 10);
};
Run Code Online (Sandbox Code Playgroud)

javascript firefox cross-browser

66
推荐指数
3
解决办法
4万
查看次数

标签 统计

javascript ×2

cross-browser ×1

css ×1

firefox ×1

html ×1

jquery ×1

scroll ×1