swiper内容超出纵向滚动

发表于 更新于 分类于

打包报错

使用swiper 4.x，webpack打包出错

1
2
js/dist/app.js from UglifyJs
Unexpected token: name (Dom7) [./node_modules/dom7/dist/dom7.modular.js:14,0][js/dist/app.js:24688,6]

最后使用swiper 3.4.2解决

超出内容滚动

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
this.swiper = new Swiper('#swiper', {
  direction: 'vertical'
})
var startScroll, touchStart, touchCurrent;
this.swiper.slides.on('touchstart', function (e) {
  startScroll = this.scrollTop;
  touchStart = e.targetTouches[0].pageY;
}, true);
this.swiper.slides.on('touchmove', function (e) {
  if (startScroll > 0 && startScroll < this.scrollHeight - this.offsetHeight) {
    e.stopPropagation();
  }
  touchCurrent = e.targetTouches[0].pageY;
  var touchesDiff = touchCurrent - touchStart;
  var slide = this;
  var onlyScrolling =
        (slide.scrollHeight > slide.offsetHeight) && // allow only when slide is scrollable
        (
            (touchesDiff < 0 && startScroll === 0) || // start from top edge to scroll bottom
            (touchesDiff > 0 && startScroll === (slide.scrollHeight - slide.offsetHeight)) || // start from bottom edge to scroll top
            (startScroll > 0 && startScroll < (slide.scrollHeight - slide.offsetHeight)) // start from the middle
        );
  if (onlyScrolling) {
    e.stopPropagation();
  }
}, true);

答案出处

Unexpected token: name (Dom7)
超出内容滚动