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

相关内容

热门资讯

第6分钟了解(德扑ai人工智能... 第6分钟了解(德扑ai人工智能)外挂透明挂辅助下载(透视)软件教程(2021已更新)(哔哩哔哩)；德...
五分钟了解(微扑克网页版)软件... 五分钟了解(微扑克网页版)软件透明挂辅助插件(透视)德州论坛(2021已更新)(哔哩哔哩);是一款可...
第十分钟了解(云扑克德州)外挂... 第十分钟了解(云扑克德州)外挂辅助插件安装插件(透视)高科技教程(2022已更新)(哔哩哔哩)；云扑...
7分钟了解(wpk修改器)软件... 7分钟了解(wpk修改器)软件透明挂辅助器(透视)2025教程(2021已更新)(哔哩哔哩);1、点...
三分钟了解(AAPOkER)黑... 三分钟了解(AAPOkER)黑科技透明挂辅助工具(透视)玩家教程(2020已更新)(哔哩哔哩)相信很...
8分钟了解(aapOker)软... 8分钟了解(aapOker)软件透明挂辅助软件(透视)细节方法(2024已更新)(哔哩哔哩)是一款可...
七分钟了解(WepOke)外挂... 七分钟了解(WepOke)外挂辅助插件安装挂(透视)科技教程(2024已更新)(哔哩哔哩)；WepO...
5分钟了解(微扑克有挂)软件透... 5分钟了解(微扑克有挂)软件透明挂辅助安装(透视)技巧教程(2020已更新)(哔哩哔哩);1、超多福...
9分钟了解(aapoker开发... 9分钟了解(aapoker开发)软件透明挂辅助科技(透视)总结教程(2026已更新)(哔哩哔哩);相...
2分钟了解(聚星扑克)软件透明... 2分钟了解(聚星扑克)软件透明挂辅助神器(透视)辅助教程(2024已更新)(哔哩哔哩)是一款可以让一...