マウスホイールのスクロールがウェブサイトの一部の地域で機能しない

Question

ウェブサイトの一部の領域では、マウスのスクロールが機能しません。

あなたがリンクを訪問すると分かりやすいでしょう。リンク1で

Link1

、リスト内で動作していないスクロール。リンク2で

Link2

、スクロールがユーチューブ、埋め込みビデオの上に働いていません。

これらの領域をスクロールできるソリューションはありますか？

Answer 1

YouTubeビデオとBuildout不動産リスティングの両方がiframe埋め込みです。あなたがインストールされているテーマは、ニースのスクロール（https://nicescroll.areaaperta.com）を使用し、githubのにプラグインの問題の項で述べたように（マウスホイールの動きが検出されていないので）、それは、アイフレームとうまく再生されない：

https://github.com/inuyaksa/jquery.nicescroll/issues/651

テンプレートのbodyタグから「nice-scroll-on」クラスを削除するか、scripts.jsの1445行で無効にすることで、Nice Scrollプラグインを削除することができます。そうしないと、これは動作しません。マウスホイールの動作は固定されています。

/* --------------------------------------------------------------------------- 
* Scroll | niceScroll 
* --------------------------------------------------------------------------- */ 

//Comment the following block 

/* 
if($('body').hasClass('nice-scroll-on') && window.innerWidth >= 768 && ! navigator.userAgent.match(/(Android|iPod|iPhone|iPad|IEMobile|Opera Mini)/)) 
    { 
     $('html').niceScroll({ 
      autohidemode  : false, 
      cursorborder  : 0, 
      cursorborderradius : 5, 
      cursorcolor   : '#222222', 
      cursorwidth   : 10, 
      horizrailenabled : false, 
      mousescrollstep  : (window.mfn.nicescroll) ? window.mfn.nicescroll : 40, 
      scrollspeed   : 60 
     }); 

     $('body').removeClass('nice-scroll-on').addClass('nice-scroll'); 
     niceScrollFix(); 
    } 
*/ 

Answer 2

コードにnice-scrollプラグインが含まれているので、独自のスクロール機能が追加されています。このプラグインを追加すると、html要素にoverflow-y：hiddenが追加され、スクロールが削除されます。火かき棒を使って試してみましたが、それは完全に動作します