1

この質問に対する答えが見つかりませんでしたが、誰かが同様の議論を見つけたら教えてください.

だから私の問題は、マウスホイールスクリプトがあることです: https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js

この jQuery スクリプトを使用すると、次のようになります。

$(function() {

  var toolbox = $('#projects'),
      height = toolbox.height(),
      scrollHeight = toolbox.get(0).scrollHeight;

  toolbox.bind('mousewheel', function(e, d) {
    if((this.scrollTop === (scrollHeight - height) && d < 0) || (this.scrollTop === 0 && d > 0)) {
      e.preventDefault();
    }
  });

});

左パネルがページ全体をスクロールしないようにするには、次のようにします: http://probando.rayniel.comただし、レスポンシブ ステージを変更すると、Web サイトはすべてのスクリプトを完全に無視し、開始したレスポンシブ ステージでのみ機能します。 . そして、リフレッシュしない限り、その段階だけ。

他の解決策を探してみましたが、このスクリプトは自然なスムーズなスクロールを維持しているので気に入っています。

また、スクロール可能な領域にカーソルを合わせたときにのみスクロールバーを表示する「mousescroll」というクラスを作成しました。

私が明確であったことを願っています、私は助けに感謝します、事前に感謝します!

4

0 に答える 0