滚动网页时调整菜单栏按钮的荧光笔

Question

看看https://www.simple.com网站。当您滚动网页时，请参阅路线菜单（&子菜单）。

有人知道它叫什么或知道它是如何工作的？我试图找到一个可以做到这一点的例子或插件。

谢谢...

Answer 1

我已决定删除的问题，因为没有答案，我正在寻找，有没有必要留下一个从现在起2年未回答的帖子。

Answer 2

它被称为固定导航栏，这里是一个伟大的教程

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

Answer 3

这是非常简单的使用jQuery滚动（）事件处理程序。

您可以使用绑定它下面的代码

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

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

Answer 4

阅读更多这只是他们已经与一些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); 
    }); 

});