html - 如果部分元素由于滚动条而被隐藏,则 HTML5 拖放 DOM 元素的幻影图像会被裁剪

标签 html google-chrome drag-and-drop

所以基本上在 mac Chrome(版本 63.0.3239.132(官方构建)(64 位))上,当我拖动一个具有 draggable="true"的 DOM 元素时,如果该元素仅部分可见,因为另一部分是由于滚动而隐藏,然后只有可见的部分显示为重影图像。

这似乎在 Firefox 上运行良好,但在 Chrome 上似乎运行不佳。

当整个红色元素可见时,整个红色重影图像可见:

When the whole red element is visible the whole red ghost image is visible


当部分红色元素可见时,只有部分红色重影图像可见:

enter image description here

如果有的话,有人知道解决方法吗?

最佳答案

我遇到了同样的问题,我通过向可拖动项添加 z-index: 1 属性解决了这个问题

关于html - 如果部分元素由于滚动条而被隐藏,则 HTML5 拖放 DOM 元素的幻影图像会被裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48415924/

相关文章:

qt - 如何在自定义 QTextEdit 中接受来自 QListWidget 的拖放

vba - 想通过拖放运行 Excel 宏

gwt - GWT 2.4 中的拖放

html - 如何让按钮扩展 html 表头的长度?

css - 垂直对齐一个 DIV 与另一个 DIV 内的动态高度

javascript - Recaptcha 弹出警告

javascript - Chrome 开发者工具自更新 32.0.1700.76 m 后无响应

python - 为什么 chrome 在错误的子域上设置 cookie?

javascript - 我可以在 1 个页面中运行 2 个相互重叠的 JQuery 函数吗?

html - Flexbox 图像在浏览器中调整大小不同