如何实现横向滚动导航栏

如何实现可以滚动的横向导航栏，如开源中国，知乎的导航栏。导航栏只有一行，但是可以横向滚动

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
threenewbee 2017-07-15 02:48
关注
http://www.2cto.com/kf/201506/412284.html

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

横向滚动条覆盖表格内容 ui
2017-05-23 06:11

回答 2 已采纳你肯定是不想出现横向滚动条的吧，那就把body再加一条设置：overflow-x：hidden; 把.dojoxGridMasterView里面设置的overflow:auto!important去
easyUI关于datagrid横向滚动条的实现 javascript jquery
2016-06-17 04:32

回答 1 已采纳配置fit:true 还不行用css控制，增加overflow:hidden ``` ```
横向滚动条显示不全怎么回事？ css3 html5 javascript
2021-08-09 11:20

回答 2 已采纳 /*隐藏这句话*/ justify-content: space-around;
微信小程序实现横向滚动导航栏效果
2020-12-30 00:53

1.page.wx.css内容如下：分类1 分类1 分类1 分类1 分类1 分类1 分类1
如何用html+css实现table表格固定表头，表格既可以横向滚动也可以竖向滚动 html 有问必答
2022-09-15 09:57

回答 4 已采纳推荐bootstrap-table，功能很全 Bootstrap Table Examples An extended Bootstrap
Bootstrap v4 菜单栏想实现横向的效果，但是不知道哪里有问题，实现不了 bootstrap html
2021-12-16 10:31

回答 2 已采纳我复制你的代码看的效果是默认一排的你自定义的样式应该是有覆盖了，你可以把你的index。css先注释看看解决方案：1、检查class是否有重名2、如果需要放一排可以对父级写flex如：ul{disp
导航栏的横向下拉菜单
2015-01-26 08:33

回答 6 已采纳你默认的就是显示的啊。。增加下面2个样式，默认隐藏，li:hover的时候再显示出来 ``` .menu2_div{margin:0px;font-size:13px;display
android 横向滚动导航,仿今日头条横向滚动导航栏--原生js
2021-05-26 07:10

羽漾月辰的博客其实就是实现横向滑动，进行选择。原理：鼠标按下，获取当前鼠标坐标，作为起始坐标；鼠标移动，获取坐标，与起始坐标进行一系列的数学运算；给 left 赋值，改变位置；移动过多，超过时进行处理。function ...
网页设计唱吧导航栏问题 html5
2022-11-06 22:19

回答 1 已采纳建议放代码而不是图片，而且还没有效果图片，只能盲猜
代码要怎样改才能输出一个横向的导航栏？ css html5
2020-03-05 22:11

回答 2 已采纳 ``` ```
请问怎么让这几个div能够横向滚动 css3 html5 有问必答
2022-03-14 14:53

回答 4 已采纳是不是用了flex布局
html设置导航随滚动条滚动条,导航栏横向滚动条的两种实现方法
2021-06-13 09:44

俄罗斯一只战斗鸡的博客 10月24日是程序员节，1024 =210、210既...实现导航栏上的横向滚动条以显示更多的栏目项。有两种实现方式：css+js实现、flex实现。两种方法各有所长，如果不考虑兼容性问题，还是用flex吧，毕竟：Write Less，Do More。...
element-ui的el-table在1280x1024下不显示横向滚动条 vue.js
2018-09-06 06:31

回答 1 已采纳 https://blog.csdn.net/tooky_poom/article/details/78550323
css实现移动端横向滚动导航条
2020-06-18 10:08

前端烂笔头的博客 /*设置横向滚动*/ overflow-x: scroll; /*禁止纵向滚动*/ overflow-y: hidden; /*文本平铺*/ text-align: justify; /*背景颜色*/ background: #F4F5F6; padding: 0px 5px; margin-bottom: 10px; /*设置...
前端用CSS就可以实现移动端的横向滚动导航条
2021-07-03 13:51

张清悠的博客 /*设置横向滚动*/ overflow-x: scroll; /*禁止纵向滚动*/ overflow-y: hidden; /*文本平铺*/ text-align: justify; /*背景颜色*/ background: #F4F5F6; padding: 0px 5px; margin-bottom: 10px; /*设置...
没有解决我的问题, 去提问

悬赏问题

¥15 这是哪个作者做的宝宝起名网站
¥60 版本过低apk如何修改可以兼容新的安卓系统
¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
¥50 有数据，怎么建立模型求影响全要素生产率的因素
¥50 有数据，怎么用matlab求全要素生产率
¥15 TI的insta-spin例程
¥15 完成下列问题完成下列问题
¥15 C#算法问题, 不知道怎么处理这个数据的转换
¥15 YoloV5 第三方库的版本对照问题
¥15 请完成下列相关问题！