Blockly元素在鼠标悬停在其上方时阻止滚动。
创始人
2024-12-22 21:00:39
0次

可以使用CSS属性"pointer-events:none;"来解决此问题。该属性将禁用元素上的所有交互，包括鼠标事件和滚动，使用户能够滚动页面。例如，在Blockly的toolbox中添加以下样式：

.blocklyToolboxDiv {
  pointer-events: none;
}

这将禁用工具栏上所有鼠标事件，允许页面滚动。

注意：如果您需要使元素仍能够响应鼠标事件，则可以使用JavaScript在鼠标移入和移出事件上启用和禁用此属性。以下是示例代码：

var toolbox = document.getElementById('toolbox');
toolbox.addEventListener('mouseover', function() {
  this.style.pointerEvents = 'auto';
});
toolbox.addEventListener('mouseout', function() {
  this.style.pointerEvents = 'none';
});

这将在鼠标悬停在工具栏上时允许交互，并在鼠标移开后禁用它。

上一篇：Blockly游戏翻译成新语言的事情没有发生。

下一篇：blockly与深度学习

相关内容

热门资讯

有玩家发现！aapoker怎么... 您好，卡五星辅助工具这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家...
为切实保障！模拟器打开hhpo... 为切实保障！模拟器打开hhpoker，海南琼崖海海南辅助，本来是真的有辅助方法（哔哩哔哩）1、首先打...
刚刚！wepoker正确养号方... 刚刚！wepoker正确养号方法，神兽h5平台反杀，一贯真的是有辅助教程（哔哩哔哩）1、进入到神兽h...
经调查！wepoker透视脚本... 经调查！wepoker透视脚本，桃乐甘肃麻将辅助软件，切实有辅助方法（哔哩哔哩）1、很好的工具软件，...
随着！wepoker黑侠辅助器... 您好，三哥玩辅助器这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
迎来新发展！aapoker辅助... 迎来新发展！aapoker辅助工具安全吗，四川麻将血战到底辅助器，一贯有辅助app（哔哩哔哩）1、完...
目前！wpk辅助哪里买，微信小... 目前！wpk辅助哪里买，微信小程序微乐房间怎么辅助，竟然是真的有辅助方法（哔哩哔哩）暗藏猫腻，小编详...
做出回应！wepoker可以开... 做出回应！wepoker可以开透视吗，陕西挖坑辅助，好像存在有辅助插件（哔哩哔哩）陕西挖坑辅助是不是...
现有说明如下！wpk插件，微信... 现有说明如下！wpk插件，微信欢乐卡五星辅助，竟然真的有辅助app（哔哩哔哩）1、游戏颠覆性的策略玩...
据通报！如何下载wepoker... 据通报！如何下载wepoker安装包，新西部辅助是什么意思，好像有辅助插件（哔哩哔哩）1、完成新西部...