javascript - 当用户滚动到一个元素时,如何删除它的不透明度?

标签 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/

上一篇:html - Windows Phone 8 滚动/点击链接图像问题

下一篇:html - 将 Logo 与文本放在同一行+能够调整 Bootstrap 的大小?

相关文章:

javascript - XrmSvcToolkit 问题仅获取最多 5000 条记录

javascript - 如何使用javascript动态添加 Font Awesome 图标?

javascript - 如何使用 JavaScript 获取计算机中连接的摄像机列表?

javascript - jQuery 文本平滑变化

php - JQuery GET 仅在第一次有效,第二次我只是得到服务器响应...为什么?

php - 将 HTML5 地理定位与 PHP 和 MySql 结合使用

html - 我们如何在 ionic 2 应用程序中显示多个选项卡?

javascript - javascript 中的 "Done"函数

javascript - 从 $scope.function() 内部刷新 $scope

jquery - 无法在 jQuery 自动完成中使链接可单击