Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.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_Html_Css_Scroll - Fatal编程技术网

JavaScript可以捕获滚动事件,但让点击通过吗?

JavaScript可以捕获滚动事件,但让点击通过吗?,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我在这里进行了设置,但意识到用户必须能够与透明滚动捕捉背后的层进行交互: 有人知道这样做的标准方法吗?我应该使用像iScroll或ScrollMagic这样的工具在移动设备上获得这种效果吗 感谢在您的标签中提及onscroll事件。比如说 <div id="someID" onscroll="someFunction();"> 谢谢。我希望这有帮助。在您的标签中提到onscroll事件。比如说 <div id="someID" onscroll="someFunction(

我在这里进行了设置,但意识到用户必须能够与透明滚动捕捉背后的层进行交互:

有人知道这样做的标准方法吗?我应该使用像iScroll或ScrollMagic这样的工具在移动设备上获得这种效果吗

感谢在您的
标签中提及
onscroll
事件。比如说

<div id="someID" onscroll="someFunction();">
谢谢。我希望这有帮助。

在您的
标签中提到
onscroll
事件。比如说

<div id="someID" onscroll="someFunction();">
谢谢。我希望这有帮助。

您可以使用

elementFromPoint()

在特定鼠标坐标处查找DOM

返回的文档接口的elementFromPoint()方法 指定坐标处最顶端的元素。

找到DOM元素后,可以单击它执行

元素。单击()

快速示例:

document.addEventListener('click', e => {
  var dom = document.elementFromPoint(e.pageX, e.pageY);
  dom.click();
})
可能您感兴趣的是,有一个CSS属性,名为:

指针事件:无

允许鼠标事件通过

CSS属性指针事件允许作者控制 特定图形元素的情况(如有)可能成为 鼠标事件的目标

除了指示元素不是鼠标的目标之外 事件,值none指示鼠标事件“通过”事件 元素,并以该元素“下面”的任何内容为目标

你可以用

elementFromPoint()

在特定鼠标坐标处查找DOM

返回的文档接口的elementFromPoint()方法 指定坐标处最顶端的元素。

找到DOM元素后,可以单击它执行

元素。单击()

快速示例:

document.addEventListener('click', e => {
  var dom = document.elementFromPoint(e.pageX, e.pageY);
  dom.click();
})
可能您感兴趣的是,有一个CSS属性,名为:

指针事件:无

允许鼠标事件通过

CSS属性指针事件允许作者控制 特定图形元素的情况(如有)可能成为 鼠标事件的目标

除了指示元素不是鼠标的目标之外 事件,值none指示鼠标事件“通过”事件 元素,并以该元素“下面”的任何内容为目标


捕获滚动事件的副本应与单击事件无关。事件传播将使单击事件从单击的对象冒泡到窗口。没有简单的解决方案。最好的方法可能是重新构建标记,使它不是滚动器容器,而是一个更高的容器,其中包含背景和滚动器。然后,你必须使背景粘性。是的,我正在考虑将背景附加到窗口上,就像这家伙的站点复制捕获滚动事件应该与点击事件无关。事件传播将使单击事件从单击的对象冒泡到窗口。没有简单的解决方案。最好的方法可能是重新构建标记,使它不是滚动器容器,而是一个更高的容器,其中包含背景和滚动器。然后你必须让背景粘上。是的,我想把背景贴在窗户上,就像这个家伙的网站一样,我认为这不管用。与
document.createElement('div')相同。onscroll
对吗?我正在收听JavaScript中的“滚动”事件。我建议你研究卡佩利短跑,它就像是一本针对codersI的字典,我认为这行不通。与
document.createElement('div')相同。onscroll
对吗?我正在收听JavaScript中的“滚动”事件。我建议研究Kapeli Dash,它就像一本代码字典,我仍然无法突出显示文本或按下按钮,但滚动被禁用。很抱歉,挑剔:/Element。单击仅适用于按钮或锚,没有向其传递MouseeEvent(无法从事件侦听器获取鼠标坐标)而实现一个拖动(或选择文本)功能将是困难的。可能更容易使用
指针事件:无
并侦听鼠标滚轮事件,然后如果我们在滚动区域的顶部,我们将滚动它。我似乎仍然无法突出显示文本或按按钮,但滚动被禁用。很抱歉挑剔:/Element。单击仅适用于按钮或锚定,没有MouseEvent传递给它(无法从事件侦听器获取鼠标坐标),实现拖动(或选择文本)功能将很困难。可能更容易使用
指针事件:none
并侦听鼠标滚轮事件,如果我们在滚动区域的顶部,那么可以滚动它。