美文网首页
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