查看: 8003|回复: 12
打印 上一主题 下一主题

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

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

    [LV.2]偶尔看看I

    1

    主题

    12

    帖子

    37

    积分

    新手上路

    Rank: 1

    积分
    37
    楼主
    发表于 2018-5-9 20:30:14 | 显示全部楼层
    同问,触屏滑动无效,有好的解决方案吗
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-12-13 09:04
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    12

    帖子

    37

    积分

    新手上路

    Rank: 1

    积分
    37
    沙发
    发表于 2018-5-9 20:30:31 | 显示全部楼层
    急急急急急急~~~~~~~~
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2018-12-13 09:04
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    12

    帖子

    37

    积分

    新手上路

    Rank: 1

    积分
    37
    板凳
    发表于 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);
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-1 07:46 , Processed in 0.063012 second(s), 25 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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