iscroll在chrome下元素的鼠标事件不起作用

发布于 2022-09-06 00:12:56 字数 1150 浏览 18 评论 0

// 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也不起作用。
在其他浏览器暂时没问题,不知道问什么。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

献世佛 2022-09-13 00:12:56

谷歌pc端:
IScroll下面的元素的mouseup等鼠标事件不起作用,设置disableMouse=false也不起作用。
在其他浏览器暂时没问题,不知道问什么。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文