如何为移动视口停用Bootstrap的scrollspy？

Question

我正在使用Bootstrap documentation中使用的Bootstrap词缀侧导航。正如您在那里看到的那样，当视口小于768px且页面切换到移动视图时，scrollspy没有任何意义。因此，我想在页面切换到移动视图时立即停用scrollspy。请记住，修复程序应仅适用于侧栏导航 - 而不适用于导航栏。想法，任何人？

Answer 1

修复很容易。使用媒体查询并定义position：static;用于移动视图的sidebar-nav 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 */
    }  
    }