html - 这是什么 HTML 技术

Question

我最近开始看到具有全尺寸、全宽度背景图像的网站，当您向下滚动时，会出现一个部分，其中包含一些内容，然后是不同的背景。并随页面滚动。我相信如果您看过它，您就会知道我在说什么。

你怎么称呼这种技术？它有名字吗？我想寻找这方面的教程，但我不知道要寻找什么。

谢谢!

Answer 1

我想你正在寻找Parallax Scrolling Website .

有很多教程可以轻松做到这一点。

给出了一个简单的例子 here .

可以找到萌-

1. http://webdesign.tutsplus.com/articles/web-design-inspiration-scrollin-scrollin-scrollin--cms-25486
2. http://webdesign.tutsplus.com/tutorials/how-to-give-your-logo-the-slip-scroll-effect--cms-22274
3. http://webdesign.tutsplus.com/tutorials/create-a-masked-background-effect-with-css--cms-21112
4. http://webdesign.tutsplus.com/articles/building-a-complete-website-with-the-gumby-framework--webdesign-16980
5. http://webdesign.tutsplus.com/articles/working-with-gumbys-parallax-extension--webdesign-16967
6. http://webdesign.tutsplus.com/tutorials/jazz-up-a-static-webpage-with-subtle-parallax--webdesign-10195
7. http://webdesign.tutsplus.com/tutorials/create-a-parallax-scrolling-website-using-stellarjs--webdesign-7307
8. http://code.tutsplus.com/tutorials/a-simple-parallax-scrolling-technique--net-27641

如果你想用 Twitter Bootstrap 实现视差, 那么这个教程是给你的-

https://www.impulse-themes.com/zenith/development/twitter-bootstrap-parallax-scrolling

认为您有完整的答案。