我正在尝试调整某些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
答案 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/