顶部而不是标题的导航

问题描述：

我的HTML文件中的导航应该在顶部看到。所以理论上你可以向上滚动来查看标题。你懂我的意思吗？我会用2张图片来展示它。
PS：我不想使用井号标签，因为我需要它已经用于其他的东西。
编辑：当您呼叫该页面时，它应该看起来像在图像＃1中。
正常状态： without header
如果您现在向上滚动，则应显示标题。 with header 顶部而不是标题的导航

你的代码在哪里 – 2013-03-12 10:24:26

我认为你真的认为图像＃2是第一次加载时页面的显示方式吗？当用户向下滚动页面时，NAV元素将粘贴到页面的顶部？当他们向后滚动页面时，HEADER将再次变为可见？如果是这样，那么这可能是你想要的：http://jqueryfordesigners.com/demo/fixedfloat.html – 2013-03-12 10:26:50

你真正的问题是什么？只有一个说明，你希望你的网页在帖子中工作。 – Teemu 2013-03-12 10:26:52

答

如果我明白你的“问题”正确，你可以试试这个：

 <script> 
      document.getElementById('navigation').scrollIntoView(true); 
     </script> 
    </body> 
</html>

是的，就是这样。现在我只想让它工作，如果你调用index.php，只有当我点击一个menupoint（它只是调用包含相同的js脚本的另一个html文件）时才有效。 – Sylnois 2013-03-12 10:43:18

忘记它，它的工作原理。谢谢！ – Sylnois 2013-03-12 10:46:52

答

我认为，您正在寻找jQuery的.scrollTop()或类似的东西。也许这可以帮助：http://www.backslash.gr/demos/jquery-sticky-navigation/

#Linus Caldwell我不希望导航保持在最前。我只是想在有人打电话给该页面时，导航应该位于第一位。所以你仍然有可能滚动标题信息。 – Sylnois 2013-03-12 10:34:29

你也可以用'.scrollTop（）'来实现。或者试试Teemu的暗示。 – 2013-03-12 10:39:43

答

我的做法会使得网页加载到一个锚，地方更低。如果您的导航栏具有固定的位置，如在facebook上看到的，那么使用java-script \ jquery控制它的位置。然后当用户向上滚动时，他会看到标题。

顶部而不是标题的导航

相关推荐