美文网首页
5-8获取滚动出去的距离

5-8获取滚动出去的距离

作者: 大庆无疆 | 来源:发表于2019-03-16 15:14 被阅读0次

方法:
.scrollLeft()、.scrollTop()
1、写参数,表示设置值
2、不写参数就是获取值
返回的值为 数值类型,没有带px

// 页面加载事件
$(function () {
    // 注册滚动事件
    $(window).scroll(function () {
        //滚动的时候输出滚动的距离
        console.log($(window).scrollLeft());    
        console.log($(window).scrollTop());
        // 当向左滚动大于或等于300px是,设置回到原点
        if($(window).scrollLeft() >= 300) {
            $(window).scrollLeft(0);//设置滚动的距离为0,即没有滚动
        }
    });
});

相关文章

网友评论

      本文标题:5-8获取滚动出去的距离

      本文链接:https://www.haomeiwen.com/subject/ghlsmqtx.html