将活动的Bootstrap导航栏链接置于顶部

Question

我的网站上有一个Bootstrap导航栏，其中包含一个可以打开/关闭的折叠菜单。我希望这样当用户点击菜单中的一个链接时（顺便说一下，这是一个下拉列表），该活动链接应该跳转到菜单的顶部。通过这种方式，他们可以看到更多扩展的下拉列表列表。

这是一个常规的Bootstrap导航栏。我希望当我点击“下拉列表”时，将该活动链接带到“项目名称”下的顶部。

Answer 1

如果我理解你想要正确做什么，从用户界面的角度来看，我强烈建议不要这样做。对于可能会对他们刚拍过的东西移动的原因感到困惑的用户而言，这是一种非常意外的行为。它也可能导致人们打开菜单时出错，然后（因为他们的手指可能仍然靠近屏幕）意外点击其中一个菜单项并移动到新页面。

如果您担心用户无法看到所有项目，您应该考虑为您的移动设备设置不同的菜单界面，例如off-canvas menu（点击小“切换导航”按钮而不是汉堡包菜单看画布菜单）。这样可以为您的菜单项提供更多空间。