降低单个div的滚动速度视觉差滚动

最新推荐文章于 2022-01-16 16:23:52 发布

蒋蒋蒋ing

最新推荐文章于 2022-01-16 16:23:52 发布

阅读量1.3k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/jiangjiang_ing/article/details/90667837

版权

js 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

方法一 直接改变div的位置
$(document).scroll(function() {
     $('div').css('top', $(document).scrollTop() / 2)
})

方法二 改变div的背景图片的位置
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title> new document </title>
    <style type="text/css">
        body {
            height: 4000px
        }
        
        .bg {
            background: url(../images/bg.png) center top no-repeat;
            height: 408px;
        }
    </style>
    <script src="../jquery.min.js"></script>
</head>

<body>
    <div class="bg"></div>
    <script>
        $(function() {
            $(document).scroll(function() {
                var scrollTop = $(document).scrollTop() / 2;
                 $('.bg').css('background-position', '50% ' + scrollTop + 'px');
            });
        })
    </script>
</body>

</html>

蒋蒋蒋ing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
降低单个div的滚动速度视觉差滚动

方法一直接改变div的位置$(document).scroll(function() { $('div').css('top', $(document).scrollTop() / 2)})方法二改变div的背景图片的位置<!DOCTYPE HTML><html><head> <meta charset="utf-8...
复制链接

扫一扫