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与深度学习

相关内容

热门资讯

德扑起手牌胜率图！德扑助手，德... 德扑起手牌胜率图！德扑助手，德扑助手真是真的有挂（详细透视辅助工具教程）小薇（透视辅助）致您一封信；...
德州微扑克辅助！wpk线上德州... 德州微扑克辅助！wpk线上德州俱乐部，约局吧辅助工具获取方法（详细透视辅助神器脚本）；1、约局吧辅助...
德扑ai助手！德扑之星隐藏功能... 德扑ai助手！德扑之星隐藏功能，德扑助手本来真的有挂（详细透视辅助脚本教程）；1、完成德扑ai助手的...
德州ai人工智能！德州ai智能... 德州ai人工智能！德州ai智能辅助是有，云扑克辅助器真假（详细透视辅助机制黑科技）1、打开软件启动之...
德扑之星辅助器购买！德扑之星可... 德扑之星辅助器购买！德扑之星可以设置埋牌，德扑ai果然真的有挂（详细透视辅助机制教程）；1、用户打开...
智星德州菠萝外 挂！德州ai辅... 智星德州菠萝外 挂！德州ai辅助工具，扑克时间辅助软件（详细透视辅助器脚本）；1、下载好扑克时间辅助...
德扑之星辅助器购买！德扑之星的... 德扑之星辅助器购买！德扑之星的优势，德扑助手其实真的有挂（详细透视辅助插件教程）；小薇（透视辅助）致...
德州之星有辅助挂！德州之星ap... 德州之星有辅助挂！德州之星app安卓版，fishpoker app辅助（详细透视辅助挂方法）1、这是...
德扑之星猫腻！德扑胜率最低的牌... 德扑之星猫腻！德扑胜率最低的牌，德扑之星都是真的有挂（详细透视辅助脚本教程）；1、每一步都需要思考，...
德州ai人工智能！德州透视辅助... 德州ai人工智能！德州透视辅助工具，gg扑克正规（详细透视辅助插件教程）；1、进入到gg扑克正规黑科...