由于数据多导航栏溢出，所以求个左右可以滑动的按钮。
比如有7个导航栏。页面大小只能显示5个。默认显示12345导航。点击右侧按钮显示23456导航。再点击左侧按钮显示12345导航。就这个意思。。
导航栏，左右箭头，可以点击左右箭头
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
5条回答 默认 最新
Go 旅城通票 2017-01-05 01:03关注easyui的tabs有此功能。。超过tab容器后出现左右箭头移动tab。。
http://www.jeasyui.com/demo/main/index.php?plugin=Tabs&theme=default&dir=ltr&pitem=Basic
看“Tabs Tools”示例，添加多个tab后超过容器就会出现你要的效果，可以配置tabWidth定义tab宽度
解决 无用评论 打赏举报 分享
- 2021-12-08 17:31回答 5 已采纳 点击哪个，这个div设置成display:block，其他的display:none;
- 2023-01-06 15:35回答 1 已采纳 动态绑定class名 active，item为默认样式，active为选中后的样式 <template> <view class='tab'> <view c
- 2022-06-02 11:39回答 1 已采纳 是不是得改成path,看你menuList这个数组是怎样的
- 2022-09-07 10:26蛙夏~的博客 1、 点击左箭头，导航栏向左滑动。当导航栏滑动到最左边时，隐藏右箭头； 2、 点击右箭头，导航栏向右滑动。当导航栏滑动到最右边时，隐藏左箭头； 3、点击导航A，导航A高亮显示。
- 2021-11-07 21:32回答 2 已采纳 用的是阿里字体图标 iconfont-阿里巴巴矢量图标库 iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载
- 2019-01-16 14:25回答 1 已采纳 if(oDiv.offsetLeft iTarget) { iSpeed = -10; }
- 2022-06-01 23:22回答 1 已采纳 将tabBar中list中的第一个路径改为和pages中第一个路径相同
- 2022-06-28 17:44娜娜啊吖的博客 // 鼠标点击的x下标 var scrollLeft; // 当前元素滚动条的偏移量 nav.addEventListener("mousedown", function (event) { flag = true; downX = event.clientX; // 获取到点击的x下标 scrollLeft = this.scrollLeft...
- 2021-11-30 16:42回答 1 已采纳 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
- 2023-02-27 10:29回答 3 已采纳 你可以使用Vue.js中的select组件来实现这个功能。 你可以使用Vue.js的v-for指令来把数据库中的选项显示在下拉框中。 然后，在绑定的change事件上，触发对应的行为。
- 2021-09-23 20:42回答 4 已采纳 你这有什么问题吗，不过现在很多人都进行低代码开发了，简单复制粘贴别人写好的组件就可以做出漂亮的轮播，就拿学前端的一般都会学习vue,vue的ElementUI美化框架就有这样的功能可以说符合别人的需求
- 2021-06-13 09:05weixin_39567870的博客 经常看到网页当中，上方一个导航栏，下面有内容，点击导航栏菜单，就可以改变下方的内容，今天查了查实现方法，本人用的frameset+frame实现的，实现方法简单，容易理解。废话不多说，上代码：Index....
- 2022-11-06 22:19回答 1 已采纳 建议放代码而不是图片，而且还没有效果图片，只能盲猜
- 2022-06-30 10:27前端歌谣的博客 } /* 侧导航 */ .banner .aside { position: absolute; left: 0; top: 0; width: 250px; height: 500px; background-color: rgba(0,0,0,.8); } .banner .aside li { height: 50px; line-height: 50px; } .banner ....
- 2021-12-03 11:20LYHappy&的博客 效果图： ...点击导航栏左右拖动 代码： CSS： <style> .navBar { width: 1200px; margin-left: 25px; margin-top: 40px; margin-bottom: 40px; overflow-x: auto; white-space: nowrap; }
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
- ¥15 下图接收小电路，谁知道原理
- ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线，如何释放宽带全部速度
- ¥30 关于#r语言#的问题：如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是，这到底错哪儿了😭