js做网页固定悬浮层

最新推荐文章于 2021-06-02 18:38:37 发布

frida522

最新推荐文章于 2021-06-02 18:38:37 发布

阅读量858

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_37860686/article/details/79376202

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

判断滚动条的垂直top：$(document).scrollTop();

监听滚动条是否滚动：$(window).scroll(function(){})函数

css代码：

.fiexd_div{
    position: absolute;
    left: 1300px;
    top: 350px;
    text-align: center;
    width: 120px;
    padding: 8px;
    border: 1px dashed #e94604;
    cursor: pointer;
}

html代码：

 <div class="fiexd_div">你有<span>1<span>条未读消息</div>

js代码：

$(window).scroll(function(){
        var top = $(document).scrollTop()+30+"px";

        $(".fiexd_div").css({
            ' position':'absolute;',
            'top':top,
            'left':"1300px"
        });
    })