(Chrome bug?)pointer-events : none，阻止在Chrome Android 78上向下滚动
pointer-events: none 是CSS属性，用于控制元素是否响应鼠标或触摸事件。当将该属性设置为none时，元素将不会接收任何鼠标或触摸事件，事件将会穿透到元素下方的其他元素。
在Chrome Android 78上，有一个已知的bug，当在某些情况下使用 pointer-events: none 时，会导致在元素内部滚动时无法向下滚动。这个bug可能会影响一些特定的移动网页或应用程序。
解决这个问题的方法是使用其他方式来实现元素的不可点击效果，例如使用透明背景或其他CSS技巧来模拟禁用状态。另外，可以尝试更新Chrome浏览器版本或等待Chrome团队发布修复该bug的更新。
关于指定的腾讯云产品和产品介绍链接地址，由于要求不能提及具体品牌商，我无法提供相关链接。但是，腾讯云提供了丰富的云计算产品和解决方案，您可以访问腾讯云官方网站，了解更多关于云计算的信息和相关产品。
相关·内容
1回答
(Chrome bug?)pointer-events : none，阻止在Chrome Android 78上向下滚动
html、css、google-chrome、pointer-events
更新，错误归档：
我意识到，现在在Chrome78.0.3904(Android9)上，将pointer-events:none应用于固定位置的覆盖元素会阻止下面的元素滚动。我在我制作的网站中大量使用了这种技术，它一直运行得很好，直到我意识到这一点今天已经被打破。但它仍然可以在所有其他设备和浏览器上正常工作。例如，IOS上的Safari。我做了一个简单的测试，并附在下面，你可以尝试在andr
浏览 38提问于2019-10-29得票数 1
2回答
Touchmove指针事件: none CSS在Chrome for Android4.4/ ChromeView上不起作用
css、html、cordova、google-chrome
这个问题也会影响ChromeView，它由Cordova在Android4.4上使用。Cordova在早期版本的Android (和iOS)上运行良好。然而，在早期版本的Android上运行Chrome仍然会失败。我有一个使用分层div的应用程序，我在CSS中使用它：这样我就可以滚动或者点击下面的div
浏览 5提问于2014-01-31得票数 15
2回答
允许滚动和单击以浏览重叠的分区
javascript、html、css
一位客户的网站设计是深蓝色的，他不喜欢滚动条，因为滚动条破坏了其余的风格。他也希望我不需要第三方的库和一种他可以理解的方式。他对结果很满意，因为它适用于所有浏览器，当他第一次看到我自己的滚动条时，他甚至认为我创建了自己的滚动条。然而，问题是，如果一个人想要真正点击滚动条，他们不能，因为它上面有一个div。当在滚动条上方时，滚动也不起作用，因为我在div中，它与实际有滚动条的实际div重叠。
任何帮助都是非常感谢的。编辑:添加了图像来显
浏览 1提问于2013-08-24得票数 3
1回答
带有指针事件和鼠标滚动的Chrome bug？
css、google-chrome
复制小提琴:调整大小，直到垂直滚动条出现：观察到的行为:在Chrome中不工作，在Firefox中工作很好。div></div></div>html,body{
height: 100%;} pointer-events:none;
浏览 2提问于2018-01-11得票数 6
回答已采纳
1回答
当元素被隐藏时，Chrome不会将文档底部调整为窗口底部
jquery、html、css、google-chrome
我隐藏了一个div (在页面的底部)，它会导致文档的整体高度缩小。
当我在隐藏div之前一直向下滚动到页面底部时，Chrome会正确地将文档底部调整到窗口底部。当我没有一直向下滚动，但在隐藏div之前在窗口底部边缘下至少留有一个像素时，Chrome不会将文档的底部调整到窗口的底部。取而代之的是，文档会缩小，并在Chrome的灰色织物背景下显示。然后，只要我滚动页面至少一个像素，Chrome就会再次调
浏览 1提问于2013-08-25得票数 2
1回答
离子范围输入防止滚动
angularjs、ionic-framework
当我点击滑块打算向下滚动或向上滚动时，它会改变滑块值而不是滚动。以下是社区成员之间的讨论，但我觉得没有任何帮助：
和这个问题是一样的，但是作者在使用库时被说服了，看起来它对作者是有效的。
浏览 1提问于2016-07-21得票数 3
回答已采纳
1回答
已解决: Angular MatDialog不可单击或滚动
angular、angular-material、mat-dialog
我已经实现了一个MatDialog，其中包含我之前在侧边栏中加载的内容，没有任何问题。尽管在MatDialog中显示了正确的内容，但这些内容似乎都是静态的。我无法在页面上向下滚动，即使显示了滚动条。我已经在Chrome、Firefox和Edge上进行了测试，所有这些都有相同的结果。 任何帮助都将不胜感激。谢谢。更新- 21/07/2020 @ 18:35 (解决方案) 在经历了许多挫折之后，终于找到了bug
浏览 26提问于2020-07-21得票数 0
1回答
谷歌Chrome视口-锚定扩展方向与柔性盒
jquery、css、google-chrome、flexbox
Google中有一个问题，当元素放置在一个包含space-between或center正确内容的柔性盒容器中时，元素会向不同的方向展开/折叠。在火狐、IE11、边缘或Safari中，这不是问题，因为元素总是向下扩展。
更新1:如果可能的
浏览 2提问于2017-06-29得票数 19
回答已采纳
5回答
网站经常拒绝在iPhone上滚动(Safari)
javascript、html、css、iphone
出于某种原因，我的网站经常拒绝滚动，但只在iPhones上。做工作的设备/浏览器：
在我加载网站后，我必须等待大约5秒才能滚动
浏览 7提问于2015-04-09得票数 15
回答已采纳
1回答
不能在移动设备上加载带有XML文件和自定义标记的Google地图
javascript、xml、google-maps、mobile、processwire
name: 'MapName'
if( /Android
浏览 3提问于2020-03-07得票数 0
2回答
jQuery removeAttr('selected')不会更改视图
jquery、google-chrome
$('#select').find('option').attr('selected', false);我在Firefox中检查过，它工作得很好。这是Chrome的bug吗？
浏览 0提问于2011-11-30得票数 1
1回答
向下滚动时，在响应菜单中移动的触摸/单击区域
android、html、css、twitter-bootstrap
在chrome或远程调试中，我一直无法使用开发人员模式进行调试，这是一个有趣的问题。这个问题出现在屏幕大小可以切断底部响应菜单的智能手机上(因此需要在菜单中向下滚动才能到达"Sprache“)，如下所示：为了让bug出现：
单击菜单项，例如，Sprache。如果您打开响应菜单，但不滚动它，那么所有菜单项都能正常工作。但是一旦你向下<
浏览 0提问于2019-01-29得票数 0
2回答
隐藏滚动条Android KitKat 4.4
android、jquery、css、phonegap-build
我的phonegap构建应用程序在所有版本的android上都运行良好，从4.0.4到4.3。我不知道问题是什么，也不知道如何解决。1：
浏览 5提问于2013-11-07得票数 2
回答已采纳
1回答
css-修复在android设备上滚动屏幕时上下跳转的问题
android、css、twitter-bootstrap
一些bootstrap主题(不确定是否仅仅是bootstrap)在android设备上滚动upp和向下滚动时会出现恼人的问题，屏幕会向上或向下跳跃几个像素。如果你有一个android设备，例如，去这个地址：并做一些滚动，你会明白我的意思(在像chrome dev-tools设备模式下不会显示问题)，当在iPhone，iPad等上做这件事时。我使用的设备是Sony Xperia Z1 Compact，
浏览 6提问于2015-03-03得票数 5
1回答
div容器上的负z索引阻止访问处理程序。我该如何解决这个问题呢？
javascript、html、css、z-index
还有一个窗帘覆盖在顶部。使用div作为幻灯片上下滚动内容，其中所有的“幻灯片”div都被包装在一个“幻灯片”div中。向上和向下滚动通常会让幻灯片在顶部的窗帘上“滚动”，但我将容器的z-index改为-1，这样幻灯片就会“滑到”窗帘下。但现在，由于-1 z索引将“幻灯片”强制置于主平面之下，主平面阻止了通常会发生的任何类型的单击事件-即幻灯片上的一个按钮，该按钮将指向其他幻灯片。
我不知道如何解决这个问题。我需要容器上的-1 z索引来
浏览 0提问于2013-09-19得票数 1
1回答
如何在Javascript/jQuery中获取接触坐标？
javascript、jquery
e.originalEvent.touches[0].clientX : e.clientX;});如果用户向下滚动，导航栏就会消失，触摸事件就会完美地工作。
下面的代码禁止页面滚动<
浏览 26提问于2021-02-18得票数 0
1回答
在window onLoad中将scrollTop动画切换到较低位置后，Chrome会跳回到页面顶部
google-chrome、onload、scrolltop、jquery-migrate
在将我们的站点从jQuery 1.10.2升级到jQuery 3.3.1之后，我们遇到了以下问题。
浏览 9提问于2018-04-27得票数 2
1回答
Firefox滚动条使用overflow auto和pointer-events none对单击无响应
css、firefox、scrollbar、overflow
带有溢出自动和指针事件的框中的滚动条没有响应firefox中的点击。我创建了一个非常基本的jsfiddle来重现这个bug：
overflow: auto; height: 100px;}
height: 200px;这在chrome和internet explorer (用ie9和ie10测试)中有效，在firefox中，滚动条没有响应，根本不能点击。你知道
浏览 1提问于2013-06-03得票数 1
回答已采纳
1回答
在不同浏览器上隐藏/显示CSS
css、html
在火狐和互联网浏览器下拉列表(选择列表)在HTML5显示作为选项加上一个可点击的选项卡，以启动下拉。在chrome上，这个命令没有可见的显示，当下拉列表单击时启动时，我希望有一种方法可以明显地显示显示选项不是唯一的选项(无需说“这是下拉列表”)。当我用chrome进行开发时，我继续将它添加到我的css中，并围绕着select。; pointer-events: none;
display:
浏览 2提问于2014-11-15得票数 0
回答已采纳
2回答
卷轴上具有动态高度的折叠头
javascript、html、css
我正在试图构建一个布局，其中的标题是粘在顶部，我可以折叠它时，滚动。我遇到了一个问题，当我开始滚动时，标题会折叠，滚动位置被重置为0，这会使标题展开，这种情况每秒发生多次，直到我进一步滚动为止。另一种选择，我正在考虑的是，只是使内容滚动，但我喜欢的行为，你可以开始滚动，即使在标题，因为它将采取几乎一半的视口高度在我的应用程序。
浏览 0提问于2019-03-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
