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

标签 javascript jquery twitter-bootstrap twitter-bootstrap-3

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

enter image description here

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

最佳答案

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

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

关于javascript - 将事件的 Bootstrap 导航栏链接置于顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31568807/

相关文章:

javascript - 创建具有 2 个选项卡的表单(表单和预览)

html - 我怎样才能让这个 Bootstrap 类 HTML 元素成为一行?

javascript - Jhon Papa Angular 风格指南 Factory - 对象内的函数未运行

javascript - meteor 的 Nightmare 引发异常

javascript - meteor :ReferenceError:要求未定义

javascript - jQuery(或 JS)- 如何仅从数组中获取特定颜色的元素?

javascript - 如何通过多个输入将新对象提交到数组

javascript - jQuery 访问站点中的 DOM

javascript - 更改 Angular 2 组件模板内的嵌套?

javascript - 向 Dropzone.js 帖子添加更多数据