改变div的滚动速度?

时间:2017-06-01 10:37:52

标签: jquery css

我正在尝试调整某些div的滚动速度,具体取决于其他div(image-ul)是否完全位于网页底部之上。

当div" image-ul"在浏览器窗口的底部边缘上方或下方移动它会改变CSS,但滚动或缩放窗口时滚动速度不会改变。我还希望滚动速度能够改变。

只有当(重新)加载页面时,滚动速度才会根据" image-ul"与浏览器窗口的底部egde有关。

我做错了什么? Please see example here.

因此,目标是在div" image-ul"时为div提供不同的滚动速度。完全高于bowser窗口的下边缘,当div" image-ul"时,这些div的滚动速度不同。并不完全位于上方窗口的下边缘。

我已经以不同的速度实现了移动元素,但是,正如我的问题所述,我需要根据div" image-ul"来改变速度。完全高于浏览器窗口底部或不是。

ItemsWrapGrid

2 个答案:

答案 0 :(得分:1)

我不确定我是否理解你,但我发现当您调用内联css更改时,您的数据滚动速度值不会更新。以下以“某种”方式工作,但我也不确定这是否正是您想要的。但也许这已经帮助你了:

https://jsfiddle.net/wyx3o6uy/40/

重要的部分是我更改为获取当前值的这一行:

var pos = scrollTop / parseInt(this.el.attr('data-scroll-speed'));

原文是:

var pos = scrollTop / this.speed;

这是你在找什么?

答案 1 :(得分:0)

你的意思是实现类似于垂直视差场景的东西,其中元素以不同的速度移动吗?

也许有些搜索"垂直视差"并看一些例子。

例如:http://ianlunn.co.uk/demos/jquery-vertical-parallax-background/