快速滚动时未执行 Java 脚本函数

Question

我有这块javascript，可以在滚动时调整导航栏的透明度;当滚动缓慢时，一切都很好，但是当滚动速度快时，似乎没有调用它，也没有设置导航栏透明度。

有什么线索吗？我使用引导 4。

$(document).ready(function() {

    // Set original transparency

    $("#navbar").css("background-color", "#1c447a00"); 

    // Bind to scroll

    $(window).scroll(function(){

        // Fade navbar

        var opacity = $(this).scrollTop() * 3;

        if(opacity <= 0.2) {

            opacity = 0;

        } else if(opacity > 255) {

            opacity = 255;

        }

        $("#navbar").css("background-color", "#1c447a" + opacity.toString(16)); 

    });

});

Answer 1

您正在使用十六进制代码。不能将十六进制与不透明度结合使用。为此，您需要将十六进制转换为rgb。并用于使用不透明度。background-colorrgba工作解决方案：https://stackoverflow.com/a/19663620/4668696