视差滚动

Posted 前端知识随笔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了视差滚动相关的知识,希望对你有一定的参考价值。

  视差滚动指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。

  利用background-attachment属性实现。

  background-attachment:fixed || scroll || local;  默认情况下,此属性取值scroll,页面滚动时,内容和背景一起动;如果取值fixed,背景相对浏览器固定。

    具体代码案例参考:http://blog.csdn.net/chenlycly/article/details/25046969;

以上是关于视差滚动的主要内容,如果未能解决你的问题,请参考以下文章

使用CSS和JavaScript创建基本的视差滚动效果

滚动视差?CSS 不在话下

视差滚动原理与实现

告诉 UIPageViewController 何时滚动(用于图像的视差滚动)

基于Vue实现商城详情页“视差滚动”效果

视差滚动