Php超出高度隐藏,swiper滑屏中某一页超出高度解决方法

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值