40

タッチパッドでのスクロールまたはドラッグにのみ反応するようにポインターイベントを設定することは可能ですか? 複雑な html 配置をスクロールするための「途中」の div があります*。ポインター イベントをスクロール/マウス ホイール アクションにのみ反応するように制限できるかどうかを知りたいです。

これを正しく理解しているかどうか知りたいです。pointer-events:none;すべてのイベントが無効であることを意味する場合、すべてのイベントを強制終了して 1 つのイベントをアクティブのままにするにはどうすればよいですか?

収まるボックスよりも大きな HTML 領域を設定しましたが、スクロール バーを表示すると、ポップアップ (position:top) 要素が原因で本来よりも高く見えてしまいます。この領域はまだスクロールする必要があるため、これを実現するために、jQuery を使用して「スクロールするボックス」を div 内の非表示の div に追従させました。

<div id="scrollcontrol"style="overflow-y:auto;overflow-x:hidden;position:absolute;
   top:12px;left:180px;width:40px;height:1300px;">
   <div id="catscrollpos"style="position:absolute;
    top:0px;width:200px;height:2250px;">
   </div>
</div>

脚本

$('#scrollcontrol').scroll(function({
  $('#rangetable').css({
  'top':$('#catscrollpos').position().top+'px'
  });
});
4

1 に答える 1

1

ドキュメントの仕様について：

要素が適用されたときpointer-events: none;

要素がマウス イベントのターゲットになることはなく、イベントは無効です。

このデモンストレーションを見てください:

http://jsbin.com/wewosumehi/1/

イベントは発生していません。スクロールすることさえできませんcontainer。

于 2015-04-17T12:51:22.190 に答える