CSS div部分随的屏幕滚动而滚动的方法

小秋同学 12-29 12:17:22 学习园地
摘要: 此JS就是DIV不分随的屏幕而滚动。<script type="text/javascript">    $(document).ready(function () { 摘要: 此JS就是DIV不分随的屏幕而滚动。<script type="text/javascript">    $(document).ready(function () { 

此JS就是DIV不分随的屏幕而滚动。

<script type="text/javascript">
    $(document).ready(function () {
        var menuYloc = $("#comment-overlay").offset().top; //此ID为随着屏幕滚动div的ID
        $(window).scroll(function () {
            var offsetTop = menuYloc + $(window).scrollTop() + "px";
            $("#comment-overlay").animate({ top: offsetTop }, { duration: 600, queue: false }); //此ID为随着屏幕滚动div的ID
        });
    });
</script>


<style>


.comment-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: rgba(255,255,255,.92);

    z-index: 9999999999999;

}

.comment-overlay-login {

    text-align: center;

    font-size: 30px;

}

.comment-overlay-login p {

    margin-bottom: 20px;

}

</style>

<div class="comment-overlay" id="comment-overlay">                           


<div class="comment-overlay-login"><p>内容 </p></div> </div></div>



文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/932.html发布于 12-29 12:17:22
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就施舍一下文章作者

支付宝施舍

微施舍

阅读
分享
加入收藏

发表评论
加载中~