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);

總結

以上是生活随笔為你收集整理的Php超出高度隐藏,swiper滑屏中某一页超出高度解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。