一个简单的视差滚动技术,视差滚动是一个有趣的技术,滚动时,背景图产生3d错觉。 这种技术围绕控制背景图片的速度。让我们开始与HTML标记,创建两个部分连同所需的属性:“data-type”和“data-speed”。<section id="home" data-type="background" data-speed="10"> </section> <section id="about" data-type="background" data-speed="10"> </section>我们使用<section>标记与属性数据类型和数据传输速度。这使得HTML标记更干净、更容易阅读。 我们需要做的就是控制背景图片的速度,我们将使用 data-type=“background”,data-speed= attribu“10”。
