导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树
2024-09-19 17:29
@Jeffer.Z:是的,反正都是用就不折腾了
Jeffer.Z
2024-09-19 17:26
cloudflare确实有邮箱转发,直接转到另一个邮箱。不过谷歌邮箱也一样吧,反正都是用。我都不看别人邮箱账号,一般就是看下昵称。
广树
2024-09-19 17:18
@石樱灯笼:谷歌邮箱 + cloudflare = 域名邮箱 的形式是吧?之前好像看过教程。
石樱灯笼
2024-09-19 17:15
@广树:你也可以考虑cloudflare这种域名邮箱转发服务,至于好不好用,我也不知道。
广树
2024-09-19 16:55
@Chlorine:不折腾了,谷歌邮箱够用
正在攻略

image-0lhdm7m0.png


PSN奖杯卡

PSN奖杯卡

赞助商广告

让Swiper移动端超出一屏的部分滚动显示而不是触发滑到下一页

作者:广树时间:2017-12-25 10:08:46分类:JavaScript/jQuery/Vue

swiper版本为3.4.2。

因为效果需要,如果页面内容超过屏幕高度则先触发overflow的滚动条,当滚动条滚动到底部再触发swiper的页面滑动效果。

    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 ) && 
                (
                    ( touchesDiff < 0 && startScroll === 0 ) || 
                    ( touchesDiff > 0 && startScroll === ( slide.scrollHeight - slide.offsetHeight ) ) || 
                    ( startScroll > 0 && startScroll < ( slide.scrollHeight - slide.offsetHeight ) ) 
                );
        if (onlyScrolling) {
            e.stopPropagation();
        }
    }, true);