如何解决将导航栏转换为水平滚动菜单
如何将这个导航栏放入水平滚动菜单,你能帮帮我吗?我知道这是非常基本的,但请帮帮我!!
<nav class="navbar sticky-top navbar-light navbar-custom">
<ul id="myTab" class="nav nav-tabs">
<li class="nav-item">
<a href="#planning" class="nav-link active " data-toggle="tab"><i class="fa fa-bullseye"></i> PAD</a>
</li>
<li class="nav-item">
<a href="#Feed" class="nav-link" data-toggle="tab"><i class="fa fa-newspaper-o" aria-hidden="true"></i>
NEWS</a>
</li>
<li class="nav-item">
<a href="#Incite" class="nav-link" data-toggle="tab"><i class="fab fa-superpowers"></i>TAB1</a>
</li>
<li class="nav-item">
<a href="#home" class="nav-link" data-toggle="tab"><i class="fa fa-user"></i>USER</a>
</li>
</ul>
</nav>
这是控制它的脚本
<script>
$(document).ready(function() {
$('a[data-toggle="tab"]').on('shown.bs.tab',function(e) {
var activeTab = $(e.target).text(); // Get the name of active tab
var prevIoUsTab = $(e.relatedTarget).text(); // Get the name of prevIoUs tab
$(".active-tab span").html(activeTab);
$(".prevIoUs-tab span").html(prevIoUsTab);
});
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。