如何停用Bootstrap's用于移动视口的scrollspy

How to deactivate Bootstrap's scrollspy for mobile viewports?

本文关键字：移动 用于 视口 scrollspy 何停用 Bootstrap      更新时间：2023-09-26

我使用Bootstrap文档中使用的Bootstrap词缀侧导航。正如你在那里看到的，当视口小于768px并且页面切换到移动视图时，滚动间谍没有任何意义。因此，我想在页面切换到移动视图时立即停用滚动间谍。请记住，修复应该只应用于侧边栏导航，而不是导航栏。有想法吗？

修复非常简单。使用媒体查询并定义位置：静态；用于移动视图的侧边栏导航div，例如

    @media (max-width: 767px){
   .sidenav.affix {         /* change sidenav selector to match your layout */   
    position: static;    /* removes the affix behaviour */
    width: auto;         /* customise as required */
    top: 0;               /* customise as required */
    }  
    }
相关文章：