Bootstrap 4导航栏水平溢出

时间:2018-07-24 10:41:42

标签: css bootstrap-4

我想设置一个水平导航栏以超级进餐的样式在页面内滚动(https://www.ubereats.com/en-EN/new-york/food-delivery/zafis-luncheonette-les/-VDewOpIRMe4mh2tNVzVCw/,检查第二个导航栏,您可以在其中导航菜单的不同类别)。我设法创建了导航栏并设置了spyscroll,但是我不知道如何重现响应行为:当导航栏溢出时,如何从导航栏中隐藏该类别并将其添加到“更多...”下拉列表中?

我希望我的问题足够清楚!

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

您要查找的内容称为“优先导航”。只是Google,那里有很多示例和插件。
例如https://css-tricks.com/the-priority-navigation-pattern/http://gijsroge.github.io/priority-nav.js/