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

Question

I have this site and I've a linear-gradient background on body which attachment is fixed.我有这个网站，我在身体上有一个线性渐变背景，附件是固定的。

I would to mantain the attachment, just want to change color of linear-gradient **when we reach a specific section.我会保留附件，只是想在到达特定部分时更改线性渐变的颜色**。
The idea is to change color for every section of this page.这个想法是改变这个页面每个部分的颜色。

How can I do?我能怎么做？ Tried in javascript but to no avail.试过 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

You can use a javascript function to change the background when changing sections, enter换栏目时可以用一个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