iScroll HTML Demo
iscroll 的滚动体验,真的是移动端开发里的小神器。html iscroll demo.rar
这个包里头,整理了一些还不错的 demo,挺适合你想快速上手这个库的时候看一眼。里面有横向滚动、垂直滚动、多列滚动这些常见场景,基本覆盖了大多数使用方式。
HTML5 的滚动问题在移动设备上一直挺麻烦的,用原生滚动吧,体验总是差点意思;自己造轮子又太耗时。iscroll就了这个痛点,不光轻量,兼容性也蛮好。
你只需要在index.html
里引入iscroll.js
,写好一个带overflow: hidden
的div
容器,再用一句new IScroll('#wrapper', {...})
就能跑起来了。简单明了,响应也快。
代码部分也干净,没有太多奇怪的依赖,基本都是原生写法为主。比如这个初始化方式:
var myScroll = new IScroll('#wrapper', {
scrollX: true,
scrollY: true,
mouseWheel: true
});
还有一点挺重要的,内容变动后要记得refresh()
,不然滚动区域不更新,体验会打折扣。
如果你做 H5 页面或者 WebApp,想让滚动更贴近原生,不妨把这个html iscroll demo.rar
解压出来看看,运行一下,感受下效果。多细节都写进去了,拿来参考或者二改都方便。
如果你对其他滚动方案也感兴趣,可以看看这些:
811.87KB
文件大小:
评论区