滚动条到达某一位置,滚动条位置改变 侧栏div位置不再变,吸顶效果。

标题即效果。

var divr = document.getElementById("aboutus_cbboxrnewgsyw");
    var divr_r = divr.right; //距离右边距离
    document.onscroll = function() {
        var t1 = document.documentElement.scrollTop || document.body.scrollTop; //滚动条 距顶距离 1167
        var t2 = document.documentElement.scrollHeight || document.body.scrollHeight; //滚动条 总长
        var t3 = t2 - t1; //滚动条 距底部距离
        if (t1 > 1167) {
            if (t3 < 1400) {
                $(".aboutus_cbboxrnewgsyw").css({
                    "position": "relative",
                });
            } else {
                $(".aboutus_cbboxrnewgsyw").css({
                    "position": "fixed",
                    "width": "296px",
                    "top": "0",
                    "right": divr_r,
                });
            }

        } else {
            $(".aboutus_cbboxrnewgsyw").css({
                "position": "relative",
            });
        }
    }

你可能感兴趣的:(滚动条到达某一位置,滚动条位置改变 侧栏div位置不再变,吸顶效果。)