Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Jquery 我需要javascript事件来覆盖CSS指针事件_Jquery_Css_Events_Scroll_Pointer Events - Fatal编程技术网

Jquery 我需要javascript事件来覆盖CSS指针事件

Jquery 我需要javascript事件来覆盖CSS指针事件,jquery,css,events,scroll,pointer-events,Jquery,Css,Events,Scroll,Pointer Events,我有一个图像,它避免了用户在光标移动时滚动,它的位置非常糟糕,因为它位于移动手指友好的区域,几乎每个人都可以滚动。我尝试使用指针事件:null;然后可以滚动,但是这个图像是一个按钮,点击事件显然也被阻止了 我试图通过JavaScript应用它,但它没有覆盖CSS属性,所以我想知道是否有办法做到这一点 CSS 作用 $('#element-id').click(function(){ $('#entrevista').toggleClass('ws-visible'); $('#v

我有一个图像,它避免了用户在光标移动时滚动,它的位置非常糟糕,因为它位于移动手指友好的区域,几乎每个人都可以滚动。我尝试使用指针事件:null;然后可以滚动,但是这个图像是一个按钮,点击事件显然也被阻止了

我试图通过JavaScript应用它,但它没有覆盖CSS属性,所以我想知道是否有办法做到这一点

CSS

作用

$('#element-id').click(function(){
    $('#entrevista').toggleClass('ws-visible');
    $('#video').get(0).play();
});

编辑:

我的问题是,固定的定位元素正在影响页面的常规滚动行为


我在网上搜索时发现了“冒泡”,但我不是很了解它。有什么能帮上忙的吗?因为如果我理解了基本知识,它会使事件在DOM中更深入,所以我认为它是从上层元素传播到下层元素的。这就是它的工作原理吗?

也许不是一个最佳的解决方案,但它可以工作

第1步:
删除
指针事件:无样式

第二步:
使用
滚轮
(旧浏览器
鼠标滚轮
)事件获取不可滚动图像的滚动。图像不提供滚动,但可通过
滚轮
事件计算滚动。为了实现这一点,我强烈建议使用。它为您进行此计算

第三步:
手动将滚动传递到应该使用JavaScript的本机(或jQuery)滚动的元素

编辑
请阅读此答案的评论,了解为什么这不是问题的重复,以及为什么其他问题的答案可能对您有更好的帮助。

这是@JuanMendes ah的建议。。。不完全是。非滚动对象不会触发滚动事件!这个问题既不是重复的,也不是顶级解决方案提供的帮助!是的,它说你应该手动设置主体的滚动(其他元素)?一开始我确实链接到了错误的问题,如果你解释你为什么不同意,我会重新打开它。不。鼠标滚轮和卷轴在js中是非常不同的事件!这不是我的建议!这是不同的,因为mousewheel也在不可滚动的对象上启动。和$('.e1')。scrollTop()如果不可滚动,则不提供滚动顶部信息!这是一个完全不同的情况@JuanMendes很抱歉,我没有在解决方案中提供足够的信息以及有关鼠标滚轮和滚动事件的信息。我也没有解释为什么我推荐“jQuery鼠标滚轮插件”。我将编辑我的答案。我还是那个网站的新手。
$('#element-id').click(function(){
    $('#entrevista').toggleClass('ws-visible');
    $('#video').get(0).play();
});