javascript - div滚动时如何调整宽度?

标签 javascript html css

我有一个 width: 400px;overflow: auto 的 div。是否可以在显示滚动条时调整div的宽度?

参见示例:here (上下调整“结果”框的大小)

我更喜欢 css 解决方案。

最佳答案

您可以使用:

min-width: size;

在容器 CSS 上。其中大小为 400px + 滚动条宽度。

看看 demo .

编辑

抱歉,我找不到如何只用 css 实现它。
但是检查你的 div 是否启用了滚动条,你可以应用 min-width 属性并且它工作。

Test here 让我知道。

在您的情况下,我认为您必须进行 hasScrollBar() 测试,无论如何都会发生某些事情,例如窗口调整大小或其他事情。

This example适用于事件窗口调整大小。

关于javascript - div滚动时如何调整宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23154458/

相关文章:

javascript - 在 JS 确认()方法中使用 PHP 变量

python - 如何在python中用增量计数替换数字字符串

html - 由于图像大小不同,Bootstrap 网格未对齐

html - h2标签字体大小被浏览器重写

javascript - 从外部页面查找 javascript 错误,将结果输出到文件

javascript - 遍历 DOM - 按字母顺序

javascript - vuex 是 state.array.push 响应式(Reactive)的吗?

html - 智能CSS div定位

JavaScript 正则表达式 : Get HTML Tags

css - 使用 -moz-transform 解决损坏的 <select> 问题?