Question

这是我的代码：

<li><a class="section-link" href="#ex"><strong>1</strong></a>
<li><a class="section-link" href="#ex"><strong>2</strong></a>

<section id="ex">
 <ul class="nav nav-tabs">
   <li class="active"><a data-toggle="tab" href="#home">1</a></li>
   <li><a data-toggle="tab" href="#menu1">2</a></li>
 </ul>

 <div class="tab-content">
<div id="home" class="tab-pane fade in active">
some data
</div>

 <div id="menu1" class="tab-pane fade">
some data
</div>

</div>
</section>

点击第二个链接时，我希望页面滚动到＆＃34; ex＆＃34;并使第二个选项卡窗格处于活动状态。

Answer 1

你应该试试这个startbootstrap-scrolling-nav，这里有你需要的和使用教程。

Answer 2

我希望滚动工作已经开始......

使用jquery将类激活添加到第二个选项卡窗格...

添加以下代码...当您单击任何li元素“.section-link”并添加类活动时，它会运行...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".section-link").on('click', function() {
            $('.tab-pane:eq(1)').addClass('active');
        });
    });
</script>

单击链接时，滚动到该部分并将选项卡窗格状态切换为活动状态

2 个答案: