导航栏透明渐变效果跟mui-scroll-wrapper冲突了

路人甲LURENJIA

这个方法在没有图片轮播的时候可行，但是如果页面有图片轮播，一轮播导航栏就会消失了。有没有什么解决方法吗？

2020-07-07 18:53

[已删除]

回复 路人甲LURENJIA: 在mui.js中的Transparent.prototype.handleScroll函数中进行判断，排除mui-slider即可

2020-09-22 10:29

[已删除]

Transparent.prototype.handleScroll = function(e) {

var y = window.scrollY;

if (!this.isNativeScroll && e && e.detail) {

y = -e.detail.y;

}

    //由于图片轮播导致handleScroll事件触发，获取到的e.detail.y为0，此处进行过滤  

    if( e && e.detail && e.detail.element['_prevClass']=='mui-slider'){  

        return  

    }  



    var opacity = (y - this.options.top) / this.options.offset + this._A;  

    opacity = Math.min(Math.max(this._A, opacity), 1);  

    this._style.backgroundColor = 'rgba(' + this._R + ',' + this._G + ',' + this._B + ',' + opacity + ')';  

    if (opacity > this._A) {  

        this.element.classList.add(CLASS_ACTIVE);  

    } else {  

        this.element.classList.remove(CLASS_ACTIVE);  

    }  

    if (this.lastOpacity !== opacity) {  

        $.trigger(this.element, 'alpha', {  

            alpha: opacity  

        });  

        this.lastOpacity = opacity;  

    }  

};

2020-09-22 10:30