上海市九杜路349号立同商务大厦417/418/419室
021-39517056
你可以了解最新的互联网资讯,了解最新的互联网产品
担路新闻资讯中心

可以快速制作PC网站,手机网站,微信小程序,微场景,网页视频等

可以高度自定义的游戏引擎,用户可以快速制作出集游戏与营销于一体的营销游戏

垂直行业的O2O电商等用户交互功能的电商开发平台,拥有覆盖全行业的解决方案

创建网站的4种滚动类型以及何时使用它们
2018-11-01

向下滚动网页的方法不止一种!还有其他四种值得注意的滚动类型,可让您为网站添加一些额外的香料。那它们适用于什么呢?什么时候*好包括它们?我们将回答这些问题并帮助您选择滚动条以补充您网站的主题和内容。

水平滚动

创建网站的4种滚动类型以及何时使用它们

大多数网站建设使用的都是垂直滚动,但从左到右滚动并不是完全不可能的。有时水平滚动是一个很好的选择,例如当你处理大量的视觉内容,设计移动设备或创建类似幻灯片的网站时都可以运用。

主要缺点是它不同寻常。计算机用户可能会被设计推迟或导航困难,因此*好用于主要是移动的观众。通过包括导航箭头可以稍微减轻这种情况。

在这些情况下,*好使用水平滚动:

大量的视觉内容。对于文本较多的页面,不建议使用此类型的滚动。

创建幻灯片或讲故事的网站时,滚动到一边。

如果您的访问者主要来自移动设备,并且它符合您的设计愿景。

长滚动

创建网站的4种滚动类型以及何时使用它们

你有没有访问过一个网站,并立即被流体效果迷住了?那可能是一个使用长滚动的网站。这种技术通常用于投资组合和讲故事。游客可以通过有趣的动画和有趣的设计立即参与其中,像之前分享的5个网页设计视觉叙述的例子中,就达到这样的效果。

当页面被分成几个部分时,该技术*有效。滚动到该部分可激活动画。*好添加导航栏以避免混淆,因为访问者可能会在长页面中迷路。

长滚动的缺点是它不适合许多网站。创建动画既困难又耗时。单页设计有时可能对SEO不利,如果你不包括导航,用户可能会迷失方向。*后,此类网站可能会导致较弱的设备放缓。

那么,什么网站适合长滚动?

讲述一个有漂亮动画的故事,多页格式不适合。

创建具有引人注目设计的单页网站。

流畅地传达大量信息。

沉重的视觉内容(摄影画廊,信息图表)。

无限滚动

创建网站的4种滚动类型以及何时使用它们

社交媒体,博客和在线报纸的推出,无限滚动是一个很好的选择,如果您的网站挤满了超过一页可以适应的方式。这种单页设计允许用户在没有中断的情况下随时保持浏览。它比加载新页面更快!

有什么潜在的问题? 首先,它可能会对旧电脑造成负担。失去你的位置很容易,如果没有粘性导航,用户可能会迷失方向。

无限滚动并不是适用于每个网站,但这里有一些例子说明它运作良好:

处理大量内容(文章,图像等)。

简化内容交付并更快地将其发送给访问者,而不会破坏参与度。

帮助访问者发现新内容。

缺少组织或类别的内容,例如社交媒体帖子。

视差滚动

创建网站的4种滚动类型以及何时使用它们

视差滚动开始是动画和视频游戏中的一个聪明技巧,使场景动态化。该技术使前景和背景以不同的速度移动。在网页设计中,它是相同的概念!与长滚动类似,视差通常使用动画和效果来制作视觉上有趣的网页。

**的麻烦是它可能会加载速度。它还可以使页面看起来很忙。因此,如果您的网站以内容为中心,通常不适用。

否则,“视差”是一个广泛的类别。它可以从简单的,几乎不引人注意的背景效果到动画般的冒险。它可以在任何类型的网站上使用!

选择正确的滚动类型

有时候*好坚持使用传统的滚动方式。您的网站可能不需要所有额外的效果和功能。但是,当您创建一个讲述故事或包含大量信息的网站时,其中一种滚动类型可能正是您所需要的。


暂无评论!
我要评论 只有购买过该商品的用户才能评论。

相关新闻动态


加载中
免费注册云账号并登录进行体验

您也可以在线提交合作申请

客服人员会在24小时内联系您
服务热线:021-39517056

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述