上滑绝对定位

最新推荐文章于 2024-04-10 02:15:11 发布

dengbeizhuo8768

最新推荐文章于 2024-04-10 02:15:11 发布

阅读量89

点赞数

原文链接：http://www.cnblogs.com/scale/p/7777573.html

版权

.fixedBar {
    z-index: 1010;
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    height: 50px;
}

var titleFix = {
    init:function(){
        this.titles = $(".yk-box .yk-head .yk-TitleBar");
        this.len = this.titles.length;
        this.now = -1;
        if(this.len <= 0) return false;
        this.bind();
    },
    bind:function (){
        var _this = this;
        $(window).on("touchmove scroll resize orientationchange",function(){
            var nowTop = $(window).scrollTop()+40;// 40:height of the header
            var now=-1;
            for(var i=0;i<_this.len;i++){
                var otop = _this.titles[i].parentNode.offsetTop;                
                if(nowTop >= otop){
                    now = i;                    
                }
            }
            if(_this.now == now) return;            
            if(now != -1){
                _this.titles.eq(now).addClass("fixedBar");
            }
            _this.titles.eq(_this.now).removeClass('fixedBar');
            _this.now = now;        
        });
    }
};


titleFix.init();

转载于:https://www.cnblogs.com/scale/p/7777573.html