本篇文章给大家分享的内容是浅析手机滑动插件--iscroll.js,有着一定的参考价值,有需要的朋友可以参考一下
话不多说,直接上代码://实例化滚动插件
var myScroll = new IScroll('#wrapper', {scrollX: true, freeScroll: true});//实例化
myScroll.scrollToElement('.active',true,true);//特定元素居中
不知道大神是怎么做的 ,我是这样计算宽度的–//计算需要滚动盒子的宽度
var wrapper = $("#wrapper");
wrapper.find("ul").width((wrapper.find("li").length + 1) * wrapper.find("li").width());
完整实例
HTML5 横向滚动p{
width:80%; margin: 50px auto; border: 1px solid seagreen; overflow: hidden; }
ul{
margin: 0; padding: 0; list-style: none; overflow: hidden; }
li{
padding: 15px 0; float: left; list-style: none;
width: 100px;margin: 10px; text-align: center; background: rosybrown
}
li.active{ background: red;
}
- 第1个
- 第2个
- 第3个
- 第4个
- 第5个
- 第6个
- 第7个
相关推荐: