吸顶效果

/*

  • 封装吸顶函数,需结合css实现。
  • 也可以直接用js改变样式,可以自行修改。
    */
    function ceiling(obj) {
        var ot = obj.offsetTop;
        document.onscroll = function () {
            var st = document.body.scrollTop || document.documentElement.scrollTop;
            /*
             * 在这里我给obj添加一个自定义属性。className可能会影响原有的class
             * 三元运算使代码更简洁
             */
            obj.setAttribute("data-fixed",st >= ot?"fixed":"");

        }
    }


你可能感兴趣的:(吸顶效果)