带边距的滚动顶部 div答案

【问题标题】：scrollTop div with margin带边距的滚动顶部 div
【发布时间】：2016-07-29 14:50:39
【问题描述】：

我有一个 div，通过给它足够的边距，我几乎可以将其放置在屏幕之外。它将包含文本，用户必须滚动阅读它。不要问我为什么要这样做，让我们说背景图像需要可见。

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

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

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

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

【问题讨论】：

你想让 div 向上移动，还是让窗口滚动到顶部？

标签： jquery html scrolltop

【解决方案1】：

这是选择器问题使用：

$('body, html')

安装于：

$(document)

代码：

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

【讨论】：

这不是问题。问题是当您尝试从顶部滚动到文档的总高度时：D

【解决方案2】：

试试这个：

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

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

【讨论】：