长滚动页面和无限滚动式的网页已经彻底流行开来了，甚至可以说它已经脱离趋势，成为了一种常规的设计，它们的流行并不是巧合。当用户向下滚动的时候页面的时候，所需要的内容与信息会自然的呈现出来，在此过程中通常不会涉及到额外的、多余的交互。

长滚动式的页面有着如下的优势：

• 更为精简的导航

• 更容易呈现故事，拥有吸引用户的潜质

• 与移动端设备的良好兼容性

长滚动页面的流行和移动端设备的广泛普及有着直接的因果关系：屏幕越小，相同内容所需要展现的页面就越长。

移动端设备目前几乎全都是使用触摸屏，交互方式也是以触摸和手势为主。当然，长滚动式页面并非没有缺点，但是接下来的案例和最佳实践，将会帮你在设计长滚动页面的时候，尽量满足用户的期望。

一、使用视觉线索

通过视觉线索的暗示，让用户明白绝大多数的内容都位于首屏。

作为一个长滚动页面，想要让用户快速的明白它的运作方式，应该合理地运用元素来呈现它的原理。诸如向下的箭头或者“向下滚动”的文本都是可用性良好的视觉线索，告知用户只需要向下滚动便可。

向下的箭头在向用户暗示，绝大多数的内容都在下方。

二、让导航选项始终可见

长滚动页面对于用户最大的障碍在于，用户很容易在页面浏览过程中迷失。造成这种状况的原因很多，缺少导航以及导航元素的混乱都有可能损害浏览体验，让用户感到迷惑或者烦躁。

在创建长滚动页面的时候，请始终记住，用户是需要在浏览过程中保持“方向感”的，也就是说，需要导航来确定浏览的所在位置。对此，悬浮导航栏其实是一个很不错的解决方案，它会显示当前的位置，并且始终悬浮在屏幕特定的位置，让用户看见。

三、设计分页

决定你的页面长度的因素应该是你所提供的内容，而不是让页面长度来决定需要填充内容的多寡。

长滚动式的网页和其他的网页一样，它可以用来讲述故事，而它所呈现出来的故事应该更加平滑、线性。以往传统的页面当中，页面的框架下，不同的内容被折叠起来，隐藏在不同的链接和按钮后面，用户总能先看到整个页面的组织架构。而在长滚动页面当中，你需要的是将内容以不同的页面的形式呈现出来，随着用户滚动逐步展现。就像 Le Mugs 这个网站，每个分页都包含了信息，这些内容结合动画效果，随着滚动而触发，让整个长滚动网页显得非常有趣。

四、结合动画效果

有趣的动画效果是让你的设计同用户产生情感联系的重要手段。长滚动页面的设计可以复杂也可以简单，好的交互能够让长滚动特效化腐朽为神奇，而动效则是最重要的粘合剂。动画效果让用户可以让整个网站显得更有吸引力，增加了用户探索过程中的乐趣，提升整体的体验。

比如，长滚动式页面当中能够加入视差滚动的动画特效，或者加入滚动触发式的动效，让滚动浏览本身成为一个有趣的东西，让用户知道接下来会发生什么。

软件开发,网站建设,微信开发,小程序开发,APP开发,商城系统开发,直播系统开发,产品推广,短视频推广,就找易祺互联！
易祺互联为您提供：商城系统,智慧物业管理系统,“好差评”系统,食品溯源系统,智慧点巡检系统,农村电商系统,智慧河道水位监控系统,智慧环境监测系统,机房动力环境监控系统,ERP系统,智能建站系统,商城系统,直播系统,各种软件/网站定制开发,网站托管等一站式运营解决方案。
易祺互联 ＠ 河南蓝燕网络科技有限公司旗下运营品牌
统一社会信用代码：914101055710161107
软件设计部运营中心：河南省郑州市金水区芯互联大厦南座11层
智慧物联网运营中心：河南省郑州市金水区花园路1号河南省人民会堂
新产品培育运营中心：河南省郑州市金水区黄河路25号经津大厦10楼
北京市（华北区）运营中心：北京市海淀区双清路33号清华大学学研大厦B座10层
广州市（华南区）运营中心：广东省广州市黄埔区科汇四街11号
杭州市（华东区）运营中心：杭州市拱墅区祥园路杭州国际人才创新创业中心A座10层
重庆市（西南区）运营中心：重庆市江津区双福新区联东U谷12栋
业务咨询：0371-60934100 手机：18737894979 国内热线：400-8778-670
技术服务：15516975329 投诉热线：185-38935-211