滚动…你可能甚至不会太多地考虑他们。很长一段时间以来，滚动一直被认为只是一项基本功能，可以在超过屏幕尺寸的网页上上下移动。今天，网页设计师正在探索所有可以用卷轴做的事情。有一个明确的结论--还有更多。
用滚动条巧妙地编码可以让你为你的客户创造令人惊叹的动画，从而为你的客户设计令人惊叹的网页。在JavaScript/HTML5中的进步使这成为可能。
但是，有必要重新设计卷轴吗？当然，是的。
为什么卷轴需要重新设计
使用触摸屏设备，尤其是移动设备，滚动变得更容易
考虑到当今使用的各种小型设备-智能手机、平板电脑-它也变得被用户接受
3D触摸允许在屏幕上放大、捏住菜单、向下拉以刷新等，视差滚动非常适合
快速带宽允许快速加载，因此页面上有更多元素
传统的滚动设计仅限于从上到下简单地查看页面
技术的进步使视差式滚动成为可能
让我们来看看这个卷轴到底能做些什么：
滚动的类型
1)视差：视差滚动是一种相当新的趋势，也是最受欢迎的趋势之一，它涉及背景以比前景更慢的速度移动，创造出3D效果和深度错觉，创造出显著的效果。“视差”这个词最早源于2D侧滚视频游戏的视觉效果，这种游戏使用了不同的背景和移动速度。
视差的优势
让你的网站访问者惊叹不已
可以使用讲故事的方式向访问者介绍您的产品/业务
指导参观者执行行动号召
允许互动，促进好奇心
可以通过创新的交互式用户体验增强可信度
这里有一个我特别喜欢的视差滚动的例子。
安东和艾琳
Awwards列出了30个具有视差滚动功能的最佳网站。
2)以页换屏：逐页滚动是一种视差滚动，允许访问者将您的屏幕视为页面。通过添加不同的背景、不同的颜色、样式、版式甚至不同的行动号召，每个屏幕都可以变成不同的“页面”。
屏幕即页面滚动的优势
打破了滚动的单调
可以完全改变原本单调乏味的网站元素
鼓励互动
可以在每个“屏幕”上显示不同位的内容/信息
不会让感官负担过重
Superlime是屏幕即页面滚动的一个极好的例子。
--
3)动画滚动：动画是一种让任何网站变得有趣和互动的奇妙方式，谢天谢地，滚动可以实现这种动画。
动画本身吸引了访问者的注意力，但取决于访问者与您的网站的互动(通过滚动这样的简单功能)的动画是一个加分点。
动画卷轴的优势
它是交互式的
让您的访问者在您的网站上停留更长时间
能让你的品牌独树一帜、创新有趣
吸引你的访问者，从而创造更大的品牌回忆，激动人心，从而鼓励访问者分享你的网站
《行尸走肉》的网站上有令人惊叹的动画卷轴。我们打赌，一旦你开始滚动，你就不会停止滚动。
--
4)滤镜/彩色滚动：这是一种滚动，当你滚动时，会给人一种颜色变化的感觉。这是一种巧妙的方式，可以在没有目录的情况下展示产品的不同颜色。
彩色涡旋的优势
创造不同的效果
最大限度地减少展示同一产品的不同颜色的多个网页的需要
如果设计得当，它们可以干净整洁
Quo+非常有效地使用了这种卷轴。
保时捷是另一个出色的彩色卷轴例子，它巧妙地利用创新不仅展示了产品的颜色或产品类型，而且无缝地讲述了保时捷的演变故事。
应遵循的一些最佳实践
作为一名网页设计师，你不会想做过多的事情。伟大设计的诀窍是充分利用任何设计元素，而不是压倒一切。滚动也是如此。太多可能会毁了你的设计，但幸运的是，我们会保护你。以下是一些可以确保你做到这一点的最佳实践：
当心屏幕太多：太多的屏幕会让你的设计看起来杂乱无章，可能会扰乱后续的设计。微小而微妙的创新也会给你的设计带来很大的不同。仅仅因为视差是一种趋势，并不意味着你的设计需要充满视差。
引导你的访问者：有时，作为设计师，我们太专注于我们的创新，以至于我们经常忘记，我们的外行访问者一旦登陆你的页面，可能甚至不知道该做什么。一个视觉提示，如“滚动到这里”或一个路径，以显示用户在您的网站上他的位置可能是有用的，引导他通过。
避免无限滚动：我们知道滚动是吸引访问者的一种很好的新方式，但滚动太多会让访问者感到无聊，特别是如果他滚动了足够多的内容，但仍然没有找到他想要的信息。
选择粘滞导航：在其余内容移动时始终保留在屏幕上的导航或按钮是一个好主意，主要是因为您的访问者可以轻松地单击按钮返回页面，而不必一直向上滚动。
我们希望你走出去，用卷轴创造出令人惊叹的网页设计！这不仅会给你的客户留下深刻的印象，还会邀请更多的访问者访问他的网站，纯粹是为了卷轴的创新！我们很想看看你们的设计！如果您有任何建议、小贴士或需要更多信息，请评论并让我们知道！我想我应该奖励你一直滚动到这个博客的结尾，所以为了好玩，这个网站滚动总是让我们大吃一惊?
--
