时间戳

首页 > 解决方案 > 滚动时如何更改导航菜单的颜色

javascript - 滚动时如何更改导航菜单的颜色

问题描述

当它滑到不同的地方时，如何像这个菜单一样做。会改变文字颜色吗？？

参考： https ://markus.se/

标签： javascriptsvg

解决方案

设置文本的混合混合模式 css。

.div {
    border:1px solid #eee;
    height:700px;
}
.fixed{
    position:fixed;
    font-size:30px;
    mix-blend-mode:difference;
    color: antiquewhite;
}
.a{
    background-color:red;
}
.b{
    background-color:blue;
}
.c{
    background-color:yellow;
}
.d{
    background-color:green;
}
<body>
    <div class="fixed">Text</div>
<div class="div a"></div>
<div class="div b"></div>
<div class="div c"></div>
<div class="div d"></div>

</body>

推荐阅读