控制页面滚动时div的滚动速度

Posted

技术标签:

【中文标题】控制页面滚动时div的滚动速度【英文标题】:Control the scroll speed of div while page scrolls 【发布时间】:2015-02-08 12:25:08 【问题描述】:

我想在用户滚动页面时降低高度为 400 像素、宽度为 500 像素的 div(带有类标题)的滚动速度。

$(window).scroll(function()
            $(caption)...
        );

我尝试在窗口滚动上使用 jquery animate,但没有得到它的工作。

有没有办法让我做到这一点

【问题讨论】:

【参考方案1】:

你可以像这样使用 Jquery 的 animate() 函数:

$('html, body').animate( 滚动顶部:300, 向左滚动:0 , 1000);

1000(1秒)表示出现的时间。

【讨论】:

实际上,div 会一直存在——用户会看到它——唯一的问题是,它会比 body 移动得慢

以上是关于控制页面滚动时div的滚动速度的主要内容,如果未能解决你的问题,请参考以下文章

js控制当滚动条到最底部时隐藏某个div

使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续滚动吗?

如何让div滚动时页面不跟着滚动?

css Div在页面中纵向固定,不随滚动条滚动,横向随滚动条滚动

如何div滚动时主页面不跟着滚动?

求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部,离开可继续滚动