(CSS揭秘)这本大作。 本文主要想谈谈页面优化之 滚动优化 。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,是
一个iOS风格的边缘滚动效果,支持几乎所有滚动视图。 使用说明: 核心效果类是安卓view的松耦合的--decorators ,因此它和和具体的View是解耦了的。这让开发者在实现效果的同时尽可能像黑盒那样不受干扰。
继承自ScrollView,目标是解决异构(与TableView的同构对比)滚动视图的复用回收问题。它可以支持跨View层的复用,用易用方式来生成一个高性能的滚动视图。此方案最先在天猫iOS客户端的首页落地。 为什么要用LazyScrollView
通过 jQuery 滚动条插件,你可以换掉千篇一律的默认浏览器滚动条,让你的网站或 web 项目更具特色,更有吸引力。本文收集了 11 款非常漂亮、实用的 jQuery 滚动条插件,你可以轻松将它们应用在自己的网站中。
8、可不可以禁用无限滚动而通过分页导航? 用户可以很轻松的禁用无限滚动吗?忘记很跳跃的浏览器设置吧,至少要提供很明显的点击(single-click/tap)切换按钮来让用户禁用无限滚动,并可以让其继续浏览。
wdScrollTab是一个选项卡面板,支持当选项过多超出页面时,将自动产生一个滚动。它支持iframe, ajax调用和动态加载内容。支持动态添加删除选项卡,提供丰富的javascript API。
Tiny Scrollbar是基于jQuery的滚动条插件, 风格简洁, 可自定义样式, 体积较小。 功能特性 iPhone, iPad, Android support! Can scroll vertical
vue-image-scroll 一个模仿网易云音乐的vue图片滚动插件 Live Demos Documention based on vue 2.0 Install npm install
可滚动的网站很容易浏览,并提供更好的用户体验。滚动避免改变网页,并等待它加载的所有信息都在同一个页面。在这篇文章中,我们已经找到了最佳的滚动插件为您网站访问者提供非常容易和愉快的体验。 Endless
一开始是采用滚动发行版,但由于需要大量人力维护,而同时用户又远远少于 Linux Mint,LMDE 后来改用了半滚动发布。 现在,Linux Mint 团队决定 LMDE 2 将 重返滚动发布模式 。LMDE
jQuery Smooth Scroll 插件能自动使同一个页面的链接滚动效果的更平滑,可以垂直滚动,也可以横向滚动。 在线演示 项目主页: http://www.open-open.
stroll.js 是 CSS 列表滚动效果的集合,浏览器支持 3D 转换,同时也支持触摸屏设备(iOS 和 Android 4.x)。 在线演示 项目主页: http://www.open-open
Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。 项目主页: http://www.open-open.com
PFTemplates 是类似 Instagram 和 20lines 应用的滚动视图。点击的时候可以自动滚动。 项目主页: http://www.open-open.com/lib/
parallax.js 目前移动端涌现了很多滚动视差效果的案例,多应用于企业招聘、活动邀请及产品宣传中,形式新颖,让人印象深刻。不过细细观察,就能发现虽然细节都有小创新,但实现原理殊途同归的。基于
Space.js是一个滚动特效插件,可以让访客在滚动网页时,页面被指定的元素会以3D动画形式展示出来,而且可以为不同元素加入不同的动画效果。 Space.js演示 官网中展示了2个DEMO例子
ScrollerJS是一个轻量级的JavaScript库,它提供了一些数字滚动动画效果。它可以嵌入到任何web应用中,轻松实现一些或一些数字动画。 ScrollerJS is to provide web
实现无限自动滚动的轮播图 ScrollView, 可以通过继承 MLInfiniteScrollViewCell 来实现自定义 Cell 的展示. 例子: UIViewController 中添加一个
这个js库可以让你的网页在滚动时屁声滚滚,你可以自由设定在document, body或者特定div里滚动多少像素时让页面发出一声屁响。你滚动的距离和速度不同,放屁的声音也不同。 // 在文档中滚动 400 像素就放屁
一款基于zepto轻量的全屏滚动插件,结合Scrollify和H5FullscreenPage的特点优化,并精简了部分功能。 在线演示: http://lipten.link/projects/slidePage/demo