javascript - モバイル ビューポートの Bootstrap の scrollspy を無効にする方法は?

Question

Bootstrap documentationで使用されているように、Bootstrap affix side-navigation を使用しています。ご覧のとおり、viewport が 768px よりも小さく、ページがモバイル ビューに切り替わっている場合、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 */
    }  
    }