国强极客
有问题请加微信:guoqiang7585
国强极客

内容固定滚动 当内容显示完成之后,最后的内容漂浮固定

内容固定滚动 当内容显示完成之后,最后的内容漂浮固定
<style>
    .scroll_box{POSITION:relative;WIDTH:100%;FLOAT:left}
</style>
<div class="scroll_box">
<div class="content_right_scroll">
    ddddddddddddd
</div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        //按钮跟随
        $(window).scroll(function(){
            $('.content_right_scroll').Jscroll(30);
        });
    });
    //跟随屏幕
    $.fn.Jscroll = function(Mt){
        var T = $(this);
        var box_t = T.parent().offset().top - 45;
        var W_t = $(window).scrollTop();
        var box_h = T.parent().height();
        if(W_t >= box_t - Mt)
        {
            T.css({'position':'absolute','top':W_t-box_t+Mt+'px'});
        }
        else if(W_t <= box_t)
        {
            T.css({'top':'0px'});
        }
        else
        {}
    };
</script>

赞赏
对内容有疑问,请加我微信:guoqiang7585
#
首页      程序开发      前端开发      内容固定滚动 当内容显示完成之后,最后的内容漂浮固定

国强极客

文章作者

博客站长,有问题请加微信【guoqiang7585】。

国强极客

内容固定滚动 当内容显示完成之后,最后的内容漂浮固定
<style> .scroll_box{POSITION:relative;WIDTH:100%;FLOAT:left} </style> <div class="scroll_box"> <div class="content_right_scroll"…
扫描二维码继续阅读
2019-07-24