固定/粘性/浮动顶部菜单导航条的正确名称

Question

当你向下滚动一个页面，一个菜单栏出现在顶部(可能在其他地方)并停留在那里(一个固定的<div>)，对此最正确的术语是什么？如果您不知道我说的是什么元素，请参见Example1、Example2或Example3

我见过几个不同的术语：

• 粘性菜单
• 粘性工具栏
• 浮动菜单
• 浮脐
• 顶菜单
• 顶脑膜
• 固定导航条
• 固定菜单
• 太棒了

但说真的，，它叫什么？拜托，别再给我“个人喜好”了--我需要一些真正的肉。让我们浮出一些可能性，浏览我们的选项，并修正一个坚持的意见。;-)

编辑注意:这是一个主题，因为我试图以语义的方式编写代码--我在类名和变量名中使用了什么？

Answer 1

这真的取决于你在用它做什么。

浮动

如果条形图被设计成或以其他方式被编程以保持在特定媒体上的特定位置，即使你从它旁边滚动，那么它就是浮动的。否则，如果您想要显式的话，它可能被称为“静态”。

上，下，左，右

不管它是否漂浮，它可能是任何一个these...Or，甚至在你的视野中间.不过，那会很尴尬..。

控制或导航

该栏是否包含划分为层次结构的链接的分类列表？如果是这样的话，那么这就是一个导航条。它是否包含搜索框或其他选项？如果是，那么它就是一个控制栏，即使它也有导航元素。

条形或菜单

如果它从可视区域的最大或最突出部分的左边延伸到该区域的右侧，或者从上到下，并且占用不到该区域的一半，无论是<div>，还是其他任何东西，那么它就是所谓的酒吧。如果它没有延伸到整个长度，或者至少有很大一部分，你可能想使用“菜单”而不是条形。

因此，如果您有一个只有链接或下拉链接的链接到您的网站的不同部分，定位为浮动在顶部，它将是一个“浮动顶部导航栏”。

如果您有一个带有搜索框、收音机和链接的左侧栏，当您滚动时不会浮动，这将是一个“静态左控制栏”或仅仅“左控制栏”。如果它没有延伸到元素的一半以上，我会更倾向于称之为“左控制菜单”

你的用户不会在意你叫它什么，但是任何维护你的代码的人至少都知道你想要做什么。

Answer 2

它们都是固定的导航条，但是它们的行为有点不同，我想这就是你想要的。

粘性

当您向下滚动页面时，它会发生一些变化，并在顶部变成“浮动”，并具有z索引属性。

浮动

它总是漂浮在顶部的z索引属性，这意味着身体内容是在条形下，即使是滚动在最上面。

固定

总是在顶部，在向下滚动时不会做任何改变。