// scroll区域
<div class="wrap">
<div class="scroll">
// 轮播图
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">slide 1</div>
<div class="swiper-slide">slide 2</div>
...
</div>
<div class="swiper-pagination"></div>
</div>
<div class="item">尾</div>
...
<div class="item">头</div>
</div>
</div>
let myScroll = new IScroll('.wrap', {
mouseWheel: true,
scrollbars: true,
click: true
})
let mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
loop: true,
autoplay: 2000,
autoplayDisableOnInteraction: false,
paginationClickable: true,
touchMovePropagation: false,
preventLinksPropagation : true,
onTouchStart (swiper, event) {
console.log('touchstart')
}
})
实现:轮播图的滑动。
火狐下能正常运行,谷歌模拟移动端下也能正常运行,但是在谷歌pc端下面轮播图不能滑动。
谷歌pc端:
IScroll下面的元素的mouseup等鼠标事件不起作用,设置disableMouse=false也不起作用。
在其他浏览器暂时没问题,不知道问什么。
谷歌pc端:
IScroll下面的元素的mouseup等鼠标事件不起作用,设置disableMouse=false也不起作用。
在其他浏览器暂时没问题,不知道问什么。