让div在页面居中（滚动条滚动时也居中）

最新推荐文章于 2023-03-07 14:32:45 发布

过往@！

最新推荐文章于 2023-03-07 14:32:45 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： css javascript css3

本文链接：https://blog.csdn.net/qq_36405172/article/details/128420141

版权

前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

居中css:

 #timeWrap {
            position: absolute;
            width: 500px;
            height: 250px;
            left: 50%;
            top: 300px;
            margin-left: -250px;
            margin-top: -125px;
            border: 1px solid #2c72a8;
            background-color: #fff;
        }

js动态获取滚动的距离，然后改变css：

$(function () {
            //滚动条滚动事件
            $(window).scroll(function () {
                let top = $(window).scrollTop();
                //每次滚动重新设置div的位置
                $("#timeWrap").css("top", 300 + top + "px");
            });


        })