人们如何在HTML页面中创建部分？

Question

例如，the Android KitKat site，Transit.js和Apple's iPad site包含我正在寻找的这些部分，标题和分隔符。

这些漂亮的部分是如何制作的？我在各种网页上都看到了所有的时间。 Some他们甚至还有背景中的图像背景和某种视差效果。其他部分的部分完全符合屏幕的高度，并限制您的滚动。

它们都是单独设计的，还是使用某种主题或css样式表来开始？

CSS样式表表明他们没有使用任何插件或模板，但其中许多网站都是由大公司构建的。有没有像Bootstrap或其他CSS框架可以用来获得类似效果的东西？

编辑：Frankenscarf＆amp;的答案多米尼克很有帮助，但我真的在寻找各种各样的框架，所以我还没有接受答案

NEWER编辑：One Page Scroll plugin正是我想要的

Answer 1

他们中的许多人真的使用自己的插件，因为他们有自己的前端开发人员，但对于业余爱好者和其他没有javascript经验的专业人士来说，有一些名为Parallax.js的插件， jQuery Scrollsnap plugin。

此外，如果您是开发人员，只需右键单击并检查元素并查看他们是如何实现此目的的。复制学习并不是犯罪。在这样做后，尝试以自己的方式创建这样的东西。

好的阅读也是StackOverflow上的另一个问题：read here。如果您还有任何疑问。在评论中提问。

Answer 2

简短的回答，所有3个都很可能是从零开始设计的。

不意味着有人没有创建类似的主题或css框架。 KitKat和Transit网站都是现代响应式设计的例子，这意味着一种设计可以灵活地为观看它的设备进行调整。

希望这有帮助。

Answer 3

我偶然发现了一些可能对想要创建这种外观的人有帮助的插件：

windows：用于“全屏滚动窗口”的jquery插件

cool kitten：视差滚动响应式框架

stellar：用于视差图像的jquery插件