出于对新交互模式的探索和技术的发展，曾经网页设计中的许多禁忌，现如今反而成为了越来越受欢迎的趋势，网页中的滚动交互，就是如此。作为一项基本的交互方式，滚动交互并不是一成不变，它正将新的技巧和新的规则纳入其中，逐步演进。

　　今天的文章，我们会探讨滚动交互在网页中的新变化，探讨新“滚动”的利弊，分享技巧。

　　重生的滚动交互

　　原因很简单，移动端设备的兴起，让滚动交互重获新生。随着移动端用户数量逐步超过桌面端的用户数量，UI和UX设计师会不断地针对交互和UI进行调整。移动端的用户是如此之多，滚动交互的重要性就显得越来越明显。

　　与此同时，另外一件事情也显得非常重要。为了确保能够尽可能多、尽可能方便地访问互联网，减少页面跳转，尽量通过滚动浏览来提高效率，这也是滚动交互热度提升的一个重要原因。社交媒体中常见的动态加载技术的出现，让用户可以一边滚动浏览一边加载自适应的内容，成为了可能。

　　此外，我们之前一直重视的首屏，在今天似乎也没有那么重要了。研究表明，用户真的不介意向下滚动浏览大量的内容，换句话说，页面的所有内容都会在用户的滚动浏览过程中逐步展开，首屏的重要性无疑被稀释了。

　　当然，如今的滚动需要相应的技术支持，也正是在CSS和JS技术有所发展之后，滚动交互才被界定为真正有意义的设计模式。在此之前，通过滚动交互来视觉化地展现故事，本身是一件相对困难的事情，随后技术的发展，让复杂的UI布局，微妙的动效和特效加入到滚动交互过程中，从而有了今天的全新的滚动交互。

　　不过一旦准备借助长滚动式的页面来呈现故事的时候，那么你就要充分运用一切手段(图形、动画、图标等)，借用电影般的表现力和戏剧化的起承转合，将用户的吸引力牢牢地拉扯住。

　　事实上，一些混合型的设计正在占据滚动交互的主流。就像UXPin的首页，页面采用的是长滚动式设计，但是其中包含了一个固定不动的窗口，而窗口内的内容是随着滚动而改变的。这种全新的滚动交互模式带来的体验和以往传统的滚动式交互截然不同。

　　滚动式交互适合你吗?

　　每种技术、每款工具都有其特定的使用环境，相应的，有人会喜欢它们，有人会讨厌它们，这都是很自然的事情。所以，在你使用全新的滚动交互的时候，你需要对于自己的产品、需求和滚动交互本身有足够清晰的判断：

　　滚动交互的优点：

　　·鼓励交互。不同的交互和元素会不断刺激用户，是一种有趣的故事呈现方式，鼓励用户与页面进行互动，特别是视差滚动。

　　·更加快速。滚动交互比起复杂的页面条状更加高效，并不会减缓或者限制整个用户体验。

　　·引诱用户。滚动式的设计会促进用户交互，提高用户的停留时间，让用户持续发掘对他们有吸引力的内容。

　　·响应式设计。这些页面挑弄广场能够兼容不同尺寸、不同设备屏幕，滚动式交互本身就有助于简化设备和屏幕尺寸间的差异。

　　·手势交互。滚动交互始终同触摸机制结合在一起，向下滚动页面比起使用向下按钮要方便得多，在移动端上尤其是如此。

　　·愉悦体验。较少的点击和直觉式的交互，加上有趣的内容和多样的动效，滚动交互给用户带来的体验是愉悦的。

　　滚动交互的缺陷：

　　·顽固的用户。不要问为什么，总会有一部分用户抵制新东西。尽管如此，新的滚动交互依然广泛地普及开来。尤其是在移动端上，而且许多用户已经习惯了这一技术。

　　·SEO上的缺陷。大量的内容被汇集到了一个页面当中，对于SEO可能会有负面的影响。

　　·迷失方向。用户可能会在滚动浏览过程中迷失方向，这是客观存在的问题。

　　·导航困难。大量的内容被汇集到一页当中，用户无法像以前一样“回到”上一页。通常可以借助顶部或者侧边的固定导航，来解决这个问题。

　　·访问速度。诸如视频和动效这种多样、复杂而又占空间的内容要加载，在访问和加载速度上可能不如以前那么网站那么快速。

　　·没有页脚。绝大多数可以无限滚动的网站都通常没有设置页脚，所以，我们可以设计一个常驻底部的页脚，

　　除开这些优缺点，长滚动式的网页在某些特定的功能上非常突出。它非常适合用来展现内容，以及：

　　·承载大量的移动端内容

　　·展现频繁更新的内容(博客和微博客)

　　·以单一方式呈现大量内容(比如信息图表)

　　·由于信息负荷量大而不适宜呈现富媒体(加载时间长)