swiper判断最后一页,javascript移动端使用Swiper做页面切换，需求是在最后一页需要内容超出一屏后出现滚动条滚动，该怎么做？...

伊谢尔伦2017-04-11 09:15:083楼

var swiper &＃61; new Swiper(&＃39;.swiper-container&＃39;, {

direction: &＃39;vertical&＃39;,

});

var startScroll, touchStart, touchCurrent;

swiper.slides.on(&＃39;touchstart&＃39;, function (e) {

startScroll &＃61; this.scrollTop;

touchStart &＃61; e.targetTouches[0].pageY;

}, true);

swiper.slides.on(&＃39;touchmove&＃39;, function (e) {

touchCurrent &＃61; e.targetTouches[0].pageY;

var touchesDiff &＃61; touchCurrent - touchStart;

var slide &＃61; this;

var onlyScrolling &＃61;

( slide.scrollHeight > slide.offsetHeight ) && //allow only when slide is scrollable

(

( touchesDiff <0 && startScroll &＃61;&＃61;&＃61; 0 ) || //start from top edge to scroll bottom

( touchesDiff > 0 && startScroll &＃61;&＃61;&＃61; ( 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);

同时把要滚动的slide的css样式设置为: overflow-y:scroll;