Dragscroll是一个很小的javascript库(978 bytes minified),能够通过实现按住鼠标拖动实现页面滚动(drag-n-drop style, online demo ). 用法 Download the
滚动选择器控件, 不同于系统(框架)自带的 UISlider, iOSScrollPicker 支持: 甩动选择 点击选择 支持竖直(上下)滚动 支持水平(左右)滚动 这有点像 iPhone 系统里的时间设置控件(日历控件)
(CSS揭秘)这本大作。 本文主要想谈谈页面优化之 滚动优化 。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,是
一个iOS风格的边缘滚动效果,支持几乎所有滚动视图。 使用说明: 核心效果类是安卓view的松耦合的--decorators ,因此它和和具体的View是解耦了的。这让开发者在实现效果的同时尽可能像黑盒那样不受干扰。
继承自ScrollView,目标是解决异构(与TableView的同构对比)滚动视图的复用回收问题。它可以支持跨View层的复用,用易用方式来生成一个高性能的滚动视图。此方案最先在天猫iOS客户端的首页落地。 为什么要用LazyScrollView
vue-image-scroll 一个模仿网易云音乐的vue图片滚动插件 Live Demos Documention based on vue 2.0 Install npm install
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
我们都知道tableview的实现原理,就是创建当前可见个数的tablecell,滚动过程中只是更改不可见的tablecell到可见的位置并且更新数据。这样可以避免滚动很多屏不用创建相应的视图,这样就不会造成内存泄漏。 下面是实现的效果图:
PickerScrollView 这是一个对横向滚动选择器的自定义UI控件,只要几行代码就可以集成类似横向滚动中间放大的效果并且选中的功能。 Presentation: 模拟场景<选择折扣> 效果:有滚动选中中间Item和点击效果Item
平滑滚动控制动画的JavaScript插件:Scrollissimo。 Scrollissimo animates Greensock's tweens and timelines on user's
css可以让 CSS动画添加起来像喝水一样容易 不过这种动画效果却是没法控制的,通过 WOW.js ,可以在向下滚动的过程中逐渐释放这些动画效果。 默认情况下,当你向下滚动页面时,可以逐渐展示出