Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用指针事件仅对滚动事件作出反应?_Javascript_Jquery_Html_Css_Scroll - Fatal编程技术网

Javascript 如何使用指针事件仅对滚动事件作出反应?

Javascript 如何使用指针事件仅对滚动事件作出反应?,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,是否可以将指针事件设置为仅对触摸板上的滚动或拖动做出反应?我有一个用于滚动复杂html排列的div'in-way',我想知道是否可以将指针事件限制为仅对滚动/鼠标滚轮动作作出反应 我很想知道我是否正确理解这一点。如果指针事件:无意味着所有事件都是无效的,如何杀死所有事件但保留一个活动事件 我已经设置了一个HTML区域,它比它所容纳的框要大,但是如果我显示滚动条,它似乎比它应该的要高,因为有一个弹出(position:top)元素。该区域仍然需要滚动,因此为了实现这一点,我使用jQuery使我的“

是否可以将指针事件设置为仅对触摸板上的滚动或拖动做出反应?我有一个用于滚动复杂html排列的div'in-way',我想知道是否可以将指针事件限制为仅对滚动/鼠标滚轮动作作出反应

我很想知道我是否正确理解这一点。如果
指针事件:无意味着所有事件都是无效的,如何杀死所有事件但保留一个活动事件

我已经设置了一个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>

关于以下文件中的规范:

当一个元素应用了
指针事件时:无

元素为从不任何鼠标事件的目标,任何事件无效

请看这个演示:


没有触发事件,甚至无法滚动
容器

该属性源自SVG规范,对于HTML元素,它仍然非常有限(请参阅)。HTML元素上的
指针事件
唯一支持的值是
,它使元素完全忽略指针事件(尽管事件可能会冒泡到元素下的父元素),以及设置默认行为的
自动
。请检查是否可以使用触摸设备的滚动事件。哦,这真是太丢脸了。这回答了我所问的问题,但我,我相信OP,想知道是否还有其他方法可以做到这一点。基本上,是否有任何等效于“指针事件:无”的东西仍然允许滚动?我还希望滚动条是可点击的,但我不确定操作是否正确。那么,有没有办法限制除滚动以外的所有鼠标事件?>没有触发事件,您甚至无法滚动容器。-除了
正文
。当
指针事件:无时,正文不滚动应用于它。
$('#scrollcontrol').scroll(function({
  $('#rangetable').css({
  'top':$('#catscrollpos').position().top+'px'
  });
});