天涯学馆

关注

动态设置顶部栏,滚动透明,颜色变换(js)

天涯学馆

关注

阅读 71

2021-09-24

    window.onscroll = (event) => {
            let realHeight = document.documentElement.scrollTop || document.body.scrollTop;
            let optatic = 0.8 * (realHeight/142);
            if(optatic <= 0.8 ) {
                this.setState({
                    bg: `rgba(234, 44, 44, ${optatic})`,
                })
            }
        }

相关推荐

前端王祖蓝

JS实现导航栏下滑悬浮透明置顶

前端王祖蓝 71 0 0

_阿瑶

实时动态滚动判断距离显示顶部栏不闪烁

_阿瑶 43 0 0

桑二小姐

apicloud 顶部状态栏透明方法

桑二小姐 55 0 0

十里一走马

透明导航栏➕图片滚动停留

十里一走马 68 0 0

编程练习生J

iOS 设置导航栏透明,修改title字体颜色,字体大小

编程练习生J 127 0 0

以沫的窝

uniapp 实现滑动视图切换 顶部滚动导航栏

以沫的窝 50 0 0

福福福福福福福福福

Android 设置系统SystemUI 顶部StatusBar状态栏透明一体化

福福福福福福福福福 29 0 0

是她丫

小程序随滚动条动态修改状态栏颜色

是她丫 35 0 0

星河出山

顶部动态菜单栏的使用

星河出山 21 0 0

腾讯优测

颜色和透明度设置

腾讯优测 21 0 0

精彩评论(0)

0 0 举报