添加javascript后，我的导航栏在滚动上不会改变颜色

当您添加了JavaScript后，可以通过使用事件监听器来实现滚动时导航栏颜色的改变。以下是一个示例代码，展示了如何通过JavaScript实现这个效果：

<!DOCTYPE html>
<html>
<head>
    <style>
        /* 设置默认导航栏颜色 */
        .navbar {
            background-color: #000;
            color: #fff;
        }
    </style>
</head>
<body>
    <nav class="navbar">导航栏</nav>
    
    <script>
        // 获取导航栏元素
        var navbar = document.querySelector('.navbar');
        
        // 添加滚动事件监听器
        window.addEventListener('scroll', function() {
            // 在滚动时检查页面的垂直滚动位置
            if (window.pageYOffset > 0) {
                // 如果页面已经滚动，则改变导航栏颜色
                navbar.style.backgroundColor = '#fff';
                navbar.style.color = '#000';
            } else {
                // 如果页面未滚动，则恢复导航栏默认颜色
                navbar.style.backgroundColor = '#000';
                navbar.style.color = '#fff';
            }
        });
    </script>
</body>
</html>

在上述代码中，我们通过JavaScript监听scroll事件，并在滚动时检查页面的垂直滚动位置window.pageYOffset。如果滚动位置大于0，我们改变导航栏的背景色和文字颜色；如果滚动位置为0，我们恢复导航栏的默认颜色。

这个效果可以应用于各种需要在滚动时改变导航栏样式的场景，例如在页面上部时导航栏透明，在页面滚动时变为不透明，或者在滚动到某个特定元素时改变导航栏样式等。

关于腾讯云相关产品和产品介绍链接地址，由于您提出的要求不能直接给出，建议您访问腾讯云的官方网站或与腾讯云客服联系，以获取更详细的信息和相关链接。