js html css tab选项卡问题

发布于 2022-09-12 02:17:53 字数 175 浏览 15 评论 0

Snipaste_2020-04-19_09-50-55.png

怎么用js实现多个选项卡,然后如果选项卡数量超出容器宽度,就显示两个左右方向的小箭头,用来切换选项卡。如图。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

别低头,皇冠会掉 2022-09-19 02:17:53

1、使用getComputedStyle、offsetWidth等计算选项卡的宽度,累加,与容器宽度做对比
2、使用选项卡字数*fontSize+padding+margin等粗略计算选项卡的宽度,累加,与容器宽度做对比
3、使用getBoundingClientRect计算最后一个选项卡与容器右侧的位置,做对比

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文