isscroll组件

http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html

<div class="content13-info" id="wrapper">
<ul class="content13-scroll">
<li class="swiper-slide"><span class="scroll-title-t scroll-title-h" _activen="active13-1">活动1</span></li>
<li class="swiper-slide"><span class="scroll-title-t" _activen="active13-2">活动2</span></li>
<li class="swiper-slide"><span class="scroll-title-t" _activen="active13-3">活动3</span></li>
<li class="swiper-slide"><span class="scroll-title-t" _activen="active13-4">活动4</span></li>
<li class="swiper-slide"><span class="scroll-title-t" _activen="active13-5">活动5</span></li>
</ul>
</div>

.content13-info{width: 100%; overflow: hidden; }
.content13-scroll{position: relative;height: 0.7rem;background: #333; color: #fff; padding-left:5px;padding-right: 5px;
width: 1000%;}

var myscroll=new iScroll("wrapper",{ snap:"li",hScrollbar:false, vScrollbar:false, hScroll:true});

<script>
//var myscroll=new iScroll("wrapper",{ snap:"li",hScrollbar:false, vScrollbar:false, hScroll:true});
var myScroll;

function loaded () {
myScroll = new IScroll('#wrapper', { scrollX: true, freeScroll: true });
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
</script>
posted @ 2015-06-11 16:49  szchenrong  阅读(162)  评论(0)    收藏  举报