2

看看https://www.simple.com网站。查看滚动网页时菜单（和子菜单）的工作方式。

有谁知道它叫什么或知道它是如何工作的？我正在尝试找到可以执行此操作的示例或插件。

谢谢...

4

4 回答 4

0

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

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

于 2012-11-19T21:01:42.220 回答
0

使用 jquery scroll() 事件处理程序非常简单。

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

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

在http://api.jquery.com/scroll/阅读更多内容

于 2012-11-19T21:05:12.483 回答
0

这只是他们与一些 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);
    });

});
于 2012-11-19T21:05:17.320 回答
0

我决定删除这个问题，因为我要找的东西没有答案，而且两年后也没有必要留下一个没有答案的帖子。

于 2012-11-27T19:48:17.927 回答