Question

我有一个div，我通过给予它足够的余量几乎在屏幕之外。它将包含文本，用户必须滚动te读取它。不要问我为什么要这么做，我只想说背景图片需要可见。

我希望带有文字的div在一段时间后向上移动。动画滚动顶部似乎不适用于具有边距的div，至少，我无法使其工作。

你们中的任何人都可以提出解决方案吗？

setTimeout(function() {
    $(window).animate({
        scrollTop: $(document).height()
    }, 300);
}, 3000);

这是小提琴。 https://jsfiddle.net/PaulvdDool/1ctt8xto/

Answer 1

这是选择器问题使用：

$('body, html')

绝对：

$(document)

代码：

console.log("height: " + $(document).height());
setTimeout(function() {
    $('body, html').animate({
        scrollTop: $(document).height()
    }, 300);
}, 3000);

Answer 2

试试这个：

$(document).ready(function(){
    $('#red').delay(1000).animate({marginTop :'50px'}, 500);
});

另外一个小建议：尝试在css中添加position:fixed。更改marginTop值以满足您的要求。

带有边距的scrollTop div

2 个答案: