<分区>
标签 javascript jquery html css
<分区>
我有一个这样的网页http://jsfiddle.net/Leytgm3L/47/如您所见,第二部分有一个透明的正方形。 到目前为止,第一页上的视频有纹理叠加:
.texture-overlay2 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
}
有没有办法去除第二部分小方 block 内的黑色覆盖层?
最佳答案
你只需要稍微调整一下 javascript,
$(window).scroll(function() {
var i = $(window).scrollTop();
if(i>200){ // you decide here what to do once the scroll of the page is over 200px (or whatever value you need)
// hide the background here
$('.texture-overlay2').hide();
}else{
$('.texture-overlay2').show();
}
});
关于javascript - 当用户滚动到一个元素时,如何删除它的不透明度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31744140/
相关文章:
javascript - XrmSvcToolkit 问题仅获取最多 5000 条记录
javascript - 如何使用javascript动态添加 Font Awesome 图标?
javascript - 如何使用 JavaScript 获取计算机中连接的摄像机列表?
php - JQuery GET 仅在第一次有效,第二次我只是得到服务器响应...为什么?
php - 将 HTML5 地理定位与 PHP 和 MySql 结合使用
html - 我们如何在 ionic 2 应用程序中显示多个选项卡?
javascript - javascript 中的 "Done"函数