当我们在 a 上滚动时更改线性渐变背景颜色<section></section>

Question

我有这个网站，我在身体上有一个线性渐变背景，附件是固定的。

我会保留附件，只是想在到达特定部分时更改线性渐变的颜色**。
这个想法是改变这个页面每个部分的颜色。

我能怎么做？ 试过 javascript 但无济于事。

 body{ Width:100%; height: 100%; text-align: left; background: linear-gradient(163deg, rgba(0,255,255,1) -50%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 72%, rgba(255,255,0,1) 180%); background-repeat: no-repeat; background-attachment: fixed; }

Answer 1

换栏目时可以用一个javascript function换背景，输入

<head>
<style> 
#myDIV {
  width: 300px;
  height: 300px;
  background-color: coral;
 color: white;
 }
</style>
</head>
<body>


<button onclick="changeBackground()">Change Section</button>

<div id="myDIV">
 <h1>Hello</h1>
</div>

<script>
  function changeBackground() {
    document.getElementById("myDIV").style.background  = "linear-gradient(163deg,rgba(0,255,255,1) -50%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 72%, rgba(255,255,0,1) 180%)";
  }
</script>
</body>

当我们在 a 上滚动时更改线性渐变背景颜色<section></section>

问题描述

1 个解决方案

解决方案1
0 2020-07-29 13:01:53

当我们在 a 上滚动时更改线性渐变背景颜色<section></section>

问题描述

1 个解决方案

解决方案1 0 2020-07-29 13:01:53

解决方案1
0 2020-07-29 13:01:53