为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

忽然笑 2022-09-23 14:51:25

我有这块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)); 

    });

});


查看完整描述

1 回答

?
慕码人2483693

TA贡献1533条经验 获得超9个赞

您正在使用十六进制代码。不能将十六进制与不透明度结合使用。为此,您需要将十六进制转换为rgb。并用于使用不透明度。background-colorrgba

工作解决方案:https://stackoverflow.com/a/19663620/4668696


查看完整回答
反对 回复 2022-09-23
  • 1 回答
  • 0 关注
  • 9 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信