iScroll HTML Demo

iscroll 的滚动体验,真的是移动端开发里的小神器。html iscroll demo.rar这个包里头,整理了一些还不错的 demo,挺适合你想快速上手这个库的时候看一眼。里面有横向滚动、垂直滚动、多列滚动这些常见场景,基本覆盖了大多数使用方式。

HTML5 的滚动问题在移动设备上一直挺麻烦的,用原生滚动吧,体验总是差点意思;自己造轮子又太耗时。iscroll就了这个痛点,不光轻量,兼容性也蛮好。

你只需要在index.html里引入iscroll.js,写好一个带overflow: hiddendiv容器,再用一句new IScroll('#wrapper', {...})就能跑起来了。简单明了,响应也快。

代码部分也干净,没有太多奇怪的依赖,基本都是原生写法为主。比如这个初始化方式:

var myScroll = new IScroll('#wrapper', {
  scrollX: true,
  scrollY: true,
  mouseWheel: true
});

还有一点挺重要的,内容变动后要记得refresh(),不然滚动区域不更新,体验会打折扣。

如果你做 H5 页面或者 WebApp,想让滚动更贴近原生,不妨把这个html iscroll demo.rar解压出来看看,运行一下,感受下效果。多细节都写进去了,拿来参考或者二改都方便。

如果你对其他滚动方案也感兴趣,可以看看这些:

rar 文件大小:811.87KB