2016-04-29 57 views
0

我正在着手页面上,需要从下往上滑动内容。类似于https://www.google.com/adsense/start/benefits/自定义洞察部分。 任何使这成为可能的jquery插件或代码片段?如何制作随滚动而变化的垂直滑块?

+0

这可以通过JQ scroll/scrollTop/offset为每个元素和动画完成,在达到特定偏移量时向元素添加类请参阅此链接 https://designshack.net/articles/css/how-to-设计 - 动画 - 滑动页面元素与CSS/ https://css-tricks.com/slide-in-as-you-scroll-down-boxes/ 和/或谷歌搜索这个关键字(动画滑动元素)。 – 2016-04-29 15:09:31

+0

谢谢!我和Wow.js一起工作 –

回答

1

它实际上并没有滚动。图像像绝对定位一样粘到页面上,直到文本列赶上它为止。然后它继续。所以它就像它的position: absolute;从一定的坐标到结束坐标,然后得到它的风格。

因此,如果您使用JavaScript将绝对定位应用于图像,当您滚动到<div>,然后在滚动过<div>时恢复为旧css,您将获得所需的效果。有很多插件也是这样做的。我在这里找到了一个: https://github.com/davist11/jQuery-Stickem

查看演示了解我的意思。