swiper做多屏滑动的时候,其中一页超高一屏的高度了。整体上就破坏了滑屏的整体感觉,但项目中有需要就需要修改啊。
需要修改的样式:.swiper-slide {
background: #f1f1f1;
color:#000;
text-align: center;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
jsvar swiper = new Swiper('.swiper-container', {
direction: 'vertical',
initialSlide : 0,
noSwiping : true
});
var startScroll, touchStart, touchCurrent;
swiper.slides.on('touchstart', function (e) {
startScroll = this.scrollTop;
touchStart = e.targetTouches[0].pageY;
}, true);
swiper.slides.on('touchmove', function (e) {
touchCurrent = e.targetTouches[0].pageY;
var touchesDiff = touchCurrent - touchStart;
var slide = this;
var onlyScrolling =
( slide.scrollHeight > slide.offsetHeight ) &&
(
( touchesDiff
( touchesDiff > 0 && startScroll === ( slide.scrollHeight - slide.offsetHeight ) ) ||
( startScroll > 0 && startScroll
);
if (onlyScrolling) {
e.stopPropagation();
}
}, true);