快速滚动时未执行 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