调整菜单栏按钮＆＃39;滚动网页时突出显示

Question

查看https://www.simple.com网站。滚动网页时，请参阅方式菜单（＆amp;子菜单）。

有谁知道它叫什么或知道它是如何工作的？我正在尝试找到一个可以做到这一点的示例或插件。

...谢谢

Answer 1

它被称为固定导航栏，这是一个很棒的教程

http://www.fuelyourcreativity.com/how-to-create-a-fixed-navigation-bar-for-your-website/

Answer 2

使用jquery scroll（）事件处理程序非常简单。

您可以使用以下代码

绑定它

$(window).scroll(function () {
//your code goes here
}

在http://api.jquery.com/scroll/

了解详情

Answer 3

它只是一个简单的锚标记，它们与一些jQuery一起使用。这里有一个简单的例子。

1. 正常创建链接<a href="#blog">Blog</a>。这会创建一个锚点以移动到您的博客部分。

2. 为您的元素添加一个类，现在它就像：<a href="#blog" class="scroll">Blog</a>

3. 接下来，将下面的jQuery代码添加到您的页面。

不要忘记包含jQuery库..

$(document).ready(function() {

    $(".scroll").click(function(event){     
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
    });

});

Answer 4

我已经决定删除​​这个问题，因为我找不到任何答案，而且从现在起2年后就没有必要留下未经回答的帖子了。