12
返回列表 发新帖
楼主: zq010
打印 上一主题 下一主题

垂直滚动的swiper里面overflow-y:auto失效

[复制链接]
  • TA的每日心情
    开心
    2018-12-13 09:04
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    12

    帖子

    37

    积分

    新手上路

    Rank: 1

    积分
    37
    11#
    发表于 2018-11-27 10:49:46 | 只看该作者

                  var startScroll, touchStart, touchCurrent;
                  mySwiper.slides.on('touchstart', function (e) {
                    startScroll = this.scrollTop;
                    touchStart = e.targetTouches[0].pageY;
                  }, true);
                  mySwiper.slides.on('touchmove', function (e) {
                    touchCurrent = e.targetTouches[0].pageY;
                    var touchesDiff = touchCurrent - touchStart;
                    var slide = this;
                    var onlyScrolling =
                      (slide.scrollHeight > slide.offsetHeight) &&
                      (
                        (touchesDiff < 0 && startScroll === 0) ||
                        (touchesDiff > 0 && startScroll === (slide.scrollHeight - slide.offsetHeight)) ||
                        (startScroll > 0 && startScroll < (slide.scrollHeight - slide.offsetHeight))
                      );
                    if (onlyScrolling) {
                      e.stopPropagation();
                    }
                  }, true);
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    12#
    发表于 2020-9-18 18:47:11 | 只看该作者
    解决了吗楼主
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-22 09:24 , Processed in 0.066548 second(s), 24 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表