javascript - 将事件的 Bootstrap 导航栏链接置于顶部

Question

我的网站上有一个 Bootstrap 导航栏，其中有一个可打开/关闭的折叠菜单。我希望这样当用户单击菜单中的某个链接(顺便说一下，这是一个下拉菜单)时，该事件链接应该跳转到菜单顶部。这样他们就可以看到更扩展的下拉项目列表。

这是一个常规的 Bootstrap 导航栏。我希望当我单击“下拉菜单”时，将该事件链接带到“项目名称”下的顶部。

Answer 1

如果我理解您想要正确执行的操作，从用户界面的 Angular 来看，我强烈建议您不要这样做。对于用户来说，这是非常意外的行为，他们可能会困惑为什么他们刚刚点击的东西会移动。它还可能导致人们打开菜单时出现错误，然后(因为他们的手指可能仍然靠近屏幕)意外单击其中一个菜单项并移动到新页面。

如果您担心用户无法看到所有项目，也许您应该考虑为您的移动设备使用不同的菜单界面，例如 off-canvas menu (单击“切换导航”小按钮而不是 hamburner 菜单来查看 Canvas 外菜单)。这将为您的菜单项提供更多空间。