Boostrap 滚动监听不滚动解决方案

最新推荐文章于 2022-10-26 10:20:48 发布

原创最新推荐文章于 2022-10-26 10:20:48 发布 · 283 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何解决在使用Boostrap框架时遇到的滚动监听不滚动的问题，通过正确的HTML结构和必要的JS文件引入，确保导航条的平滑滚动效果。

Boostrap 滚动监听不滚动解决方案

<div class="col-xl-6 text-right">
	<ul class="nav navbar navbar-nav">
    	<li class="nav-item"><a class="nav-link active" href="#about" style="width:100px" >ABOUT</a></li>
        <li class="nav-item"><a class="nav-link" href="#portfolio" style="width:120px">PORTFOLIO</a></li>
        <li class="nav-item"><a class="nav-link" href="#contact" style="width:100px">CONTACT</a></li>
     </ul>
</div>

       <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> 
       <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> 
       <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>