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

2019年7月24日01:05:32 评论 43 次浏览
<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>

weinxin
加我微信
微信扫一扫,加我微信好友,共同交流,共同进步! (备注:焦国强博客)
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: