Javascript 渐变/不透明度解决方案

我现在有这种情况：

我想达到这个效果，但我希望文本可以选择后面的梯度和文本滚动，即使我把鼠标放在它

有没有什么解决办法，可以使用javascript来改变滚动时文本的不透明度

.gradient {
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
...
}

您可以尝试使用：

html {
    overflow: overlay;
}

在.CSS文件的末尾

只需将

.gradient

元素的值设置为

none

，如下所示：

*{框大小：边框框；颜色：#fff；字体系列：无衬线；字体大小：16px；边距：0；填充：0；}
#主要{
背景：#000；
底部：0；
左：0；
溢出：自动；
位置：固定；
右：0；
排名：0；
}
.文本{
线高：1.25em；
填充：50vh 20px 0；
}
.梯度{
背景：线性梯度（180度，rgba（0,0,0,1），rgba（0,0,0,0））；
底部：50vh；
左：0；
指针事件：无；
位置：固定；
右：0；
排名：0；
}
.text>p{margin:0 0 20px；}

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。紫背飞虱。这是一个很好的例子。埃涅亚射手座，埃涅亚非射手座，自由女神乌拉姆科珀·努克，坐在埃米特·达皮布斯或妊娠狮子座。悬念性骚扰的厄洛斯直径，在。这是一种调味品玉米饼。在bibendum lorem，euismod Temporal urna进行了采访。维瓦摩斯·奎斯·埃拉特·多洛。梅塞纳斯·塞德·尼斯勒克图斯、临时莫里斯·苏西比特、波尔塔·尼斯勒。Nam ac nulla调味品，posuere nisl sit amet，tincidunt ante。塞德前庭，奥奇在马利苏亚达，前多洛尔accumsan tellus，在拉库斯的purus sapien拍卖行。乌拉姆·科珀·胡斯托·马莱苏亚达·布朗迪特（Nullam ullamcorper justo ac malesuada blandit）。前庭和后庭的融合。这是我的梦想。
Curabitur和eros id risus sodales fringilla。我的效率不高。我的舌苔和舌苔。Duis varius dolor ex，欧盟临时拍卖人ut。在《邪恶的厄洛斯》（ultricies malesuada eros）一书中，有一句名言是nec。努克·布朗迪特·菲尼布斯·韦勒·亨德雷特。这是一件漂亮的衣服，是尤伊斯莫·图皮斯的。精英阶层，设备不齐全，品种繁多。孕妇静脉曲张，前庭静脉曲张。在tempus velit justo中，一位拍卖人felis congue ac.Praesent dapibus前庭前，一位tincidunt justo interdum vel。整数内克·托托，阿利奎姆·维塔姆·奎姆，亨德雷特·乌拉姆科珀·泰勒斯。法雷特拉芦苇悬液。埃涅亚人的同侧腹。国际货币基金组织（Nunc interdum id odio vel CONCENTETTUR）。这是一种很好的治疗方法。
。整数tincidunt dolor sit amet ligula Vehicle aliquet。阿利奎姆·埃拉特·帕特。维瓦摩斯·洛雷姆·利奥。Fusce faucibus、nisl non malesuada mollis、elit aliquam lacus和ullamcorper lectus felis a eros。一个无主的神。生命之火，生命之火，生命之火，生命之车。Nam eget vehicula velit，sed Fentum arcu。普罗因·拉奥里特·莫莱斯蒂·普罗斯·非拉奥里特。努克·奎斯·卢克图斯·洛雷姆。他坐在艾米特·萨皮恩·奎斯·佩伦茨克前庭。佩伦特斯风格的自由turpis，ac mattis orci tempus quis。这是一个很好的例子，是关于调味品和侵权品的。这是一个非常好的例子。乌特·洛博蒂斯·福西布斯·波特托。Mauris nisi est，sagittis eu中的tincidunt，purus发酵液。
Phasellus fringilla sodales vehicula。不，不，不，不，猫。前庭有效性莫利斯门。这是一种新的交通工具。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。箭毒箭毒。这是一个很好的例子，因为它是一个很好的例子。发酵舌苔中的多尼克，奥纳雷·奥古斯·内克，利奥十字勋章。这是一种很好的治疗方法。维尼纳提斯岛的悬钩子，和奥古斯·尤伊斯莫岛的悬钩子。在阿利奎姆·韦利特·拉奥里特·福西布斯的作品中。如Mauris odio velit、efficitur et tortor nec、hendrerit Mauris等所述，这是一种进化论。
Morbi vel placerat sapien。我的生命中有一个巨大的灾难。Nam diam massa，suscipit et urna eu，egestas accumsan dui。维尼那提猫科动物双价拍卖行。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。梅塞纳斯·维塔·法雷特拉·利奥。前庭为空，为临时性的胎动。阿利奎姆和尼西坐在我们的爱神面前。整粒发酵粒径，在。马萨维尼纳提斯大学

overlay

不是

overflow

属性的有效值。是的，它是@Shaggy。但它是非标准的，只适用于WebKit。在尝试回答之前，我并不知道这一点（因此，我有史以来第一次失去了声誉积分）。也许你可以在抱歉的费德里科·法拉利（Federico Ferrari）网站上查看一下，我想我误解了这个问题。@Shaggy的回答很中肯。非常感谢@Shaggy！