我们开始吧：
您应该像这样使用jQuery脚本来执行此操作：
这将在您滚动超过210px时将页面颜色更改为蓝色，并在您返回时恢复为红色：

$(document).ready(function(){       
            var scroll_pos = 0;
            $(document).scroll(function() { 
                scroll_pos = $(this).scrollTop();
                if(scroll_pos > 210) {
                    $("#header_menu").css('background-color', 'blue');
                } else {
                    $("#header_menu").css('background-color', 'red');
                }
            });
        });

或者你可以看到那里的代码源代码，打开网页，点击鼠标右键选择'Explore'（捷克语Prozkoumat）.在这里你可以看到它是如何工作的，很容易：）
希望能有所帮助;）

你在文章中引用的导航的基本前提是scrollTop()（https://api.jquery.com/scrollTop/）。你引用的网站上使用的WordPress主题（Avia）有一个jQuery函数，它可以完成以下操作：

• 默认情况下，添加应用透明效果的类。
• “监听”网站的滚动位置，如果是>50px，则删除透明类（允许默认样式生效）。根据需要重新应用透明类。

除此之外，它是一个CSS transition的效果，使变化更顺利一点。这个特定的网站依赖于jQuery，因为它是一个WordPress的安装，但你可以达到同样的效果使用任何其他JavaScript库（或在纯JS，如果你这样的倾向）。