首页 > 其他 > 详细

swiper 内容超出纵向滚动 解决办法

时间:2016-06-23 12:30:12      阅读:2619      评论:0      收藏:0      [点我收藏+]
.swiper-slide {
    overflow: auto;
}
 
var swiper = new Swiper(‘.swiper-container‘, {
    direction: ‘vertical‘,
});
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 ) && //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);

  来源:https://github.com/nolimits4web/Swiper/issues/1467

 

swiper 内容超出纵向滚动 解决办法

原文:http://www.cnblogs.com/vendy/p/5610138.html

(1)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!