无限滚动翻页的优点和缺点

   什么是无限滚动翻页?你一定不会陌生。实在不清楚,刷一下微博就知道了。想不想知道你的网站适不适合使用无限滚动翻页,看看这篇文章应该会很有帮助!


  无限滚动翻页是现在讨论得比较火的一个话题。我们说的无限滚动翻页是网页中一种新的导航类型,当你鼠标滑到页面底部的时候,页面会自动加载新的内容。生活中我们经常用到的微博、QQ空间里还有国外的Twitter、Pinterest都有运用到无限滚动翻页。

  任何技术或趋势的出现都会有各自的优缺点,无限滚动翻页也不例外。而且无论是它的优点还是缺点,都有充足的理由来支撑。作为一名设计师,在运用无限滚动翻页之前,你需要知道你的网站是否真的适合。

  无限滚动翻页会不会给你的网站增加流量?

  用户会喜欢它吗?

  这个会不会给搜索引擎优化(SEO)带来问题?

  下面这张图或许可以帮助你找到一些答案!

时间: 2024-07-28 21:05:44

无限滚动翻页的优点和缺点的相关文章

Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果_Android

本文实例讲述了Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果.分享给大家供大家参考,具体如下: 1. 滚动加载 listView.setOnScrollListener(new OnScrollListener() { //添加滚动条滚到最底部,加载余下的元素 @Override public void onScrollStateChanged(AbsListView view, int scrollState) { if (scrollState == OnScro

Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子(图片能缓存,图片不错乱)_Android

例子中用于解析Json的Gson请自己Google下载 主Activity: package COM.Example.Main; import java.util.HashMap; import java.util.Iterator; import java.util.LinkedList; import java.util.List; import java.util.Map; import COM.Example.Main.R; import COM.Example.Main.stringG

JQuery插件iScroll实现下拉刷新,滚动翻页特效_jquery

JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <

Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果

本文实例讲述了Android基于ListView实现类似QQ空间的滚动翻页与滚动加载效果.分享给大家供大家参考,具体如下: 1. 滚动加载 listView.setOnScrollListener(new OnScrollListener() { //添加滚动条滚到最底部,加载余下的元素 @Override public void onScrollStateChanged(AbsListView view, int scrollState) { if (scrollState == OnScro

ListView滚动翻页 异步加载

Android 应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过 分页的形式来展示数据,个人觉得这样会有更好的用户体验.因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.例如:微博客户端可能会在用户滑 动至列表底端时自动加载下一页数据,也可能在底部放置一个"查看更多"按钮,用户点击后,加载下一页数据.            下面通过一个Demo来展示ListView功能如何实现:该

js文字滚动翻页的效果

提示:您可以先修改部分代码再运行 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Content-Language" content="zh-CN"> <meta name="generator" co

封装的jquery翻页滚动(示例代码)_jquery

HTML结构: 复制代码 代码如下: ul._rollSe{width:100px;height:300px;over-flow:hidden}  ul._rollSe li._rollPar{height:100px;border:1px solid #369}  复制代码 代码如下: <div class="_rollParent">  <ul class="_rollPageSe">  <li class="_rollp

移动设备网页设计:电子书翻页设计

文章描述:这篇对电子书设计的思考,源于最近的一次使用体验和讨论.习惯了 Kindle 物理键翻屏的阅读,对 Kindle Touch 的翻屏操作极不习惯(触点诱发),甚至错愕!不喜欢电子书,除了不能自由写写画画之外,更大的问题在于电子书不能给与传统书籍那样的翻阅体验,试想一手持书, 亚马逊终于在国内开始发售其 Kindle Paperwhite 电子书阅读器了,现在各种电子阅读设备和智能手机使得电子书很普及.虽然也称作书籍,但电子书和纸书的差别很大,不单是因为内容的数字化和便携化,最大的不同在于

利用Word宏让2D鼠标也能自动翻页

相信不少Officer们办公室的条件都相对"艰苦",2D无滚轮鼠标让办公显得非常不便,尤其是在批阅较长的Word文档时,没有鼠标滚轮辅助浏览,需要不断按键才能翻页,使得手指非常疲劳.现在我们可以通过Word宏,巧妙的让2D鼠标也能玩转自动翻页. Step01 打开一篇页面较多的Word文档,选择工具栏中的"工具"→"宏"→"宏",或者直接在Word中使用Alt+F8激活该功能.然后在"宏的位置"选项中,点开