HTML5向左拖动元素不显示水平滚动条

标签 html css overflow scrollbars

我有一个包含多个可拖动元素的 div。 当我向右拖动一个元素时,会出现水平滚动条,我可以滚动 div。这是它的样子: Example showing overflow to the right with scrollbar

但是,当我向左拖动元素时,水平滚动条不显示。例子: Example showing overflow to the left without scrollbar

我将溢出属性设置为自动。

我知道这是浏览器的默认行为,不显示滚动条是“正确的”,但是如果有人有任何建议如何在向左移动元素时使溢出也起作用,我们将不胜感激! TIA!

最佳答案

没有。当您向右拖动一个元素时,您将增加页面宽度并触发水平滚动条。当您向左拖动一个元素时,您只是将它移出页面。

您可以尝试根据元素被拖到页面左边缘之外的距离动态增加页面宽度。

浏览器按设计运行。

关于HTML5向左拖动元素不显示水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40616703/

相关文章:

javascript - 根据DIV样式隐藏没有ID的DIV

javascript - 西类牙语字体无法正确显示

c - 防止C中的缓冲区溢出

javascript - 同一页面中的多个基本滑动切换不起作用

javascript - Firefox 中本地存储 key 验证失败

css - 确认框的位置

html - overflow:auto 不起作用,不显示滚动条

css - 如何不垂直溢出表格单元格并打印表格?

javascript - 在可编辑的 div 中切换选定文本的粗体

javascript - 使用 Javascript 伪造浏览器位置