我正在尝试在使用灯箱时禁用父级的html/body滚动条.这里的主要词是禁用.我也没有想隐藏它overflow: hidden;.
这样做的原因是overflow: hidden使网站跳转并占据滚动区域.
我想知道是否可以在显示时禁用滚动条.
给定一个<textarea>固定的width,我希望它的"有效宽度"是常数(in px)."活动宽度"是指文本出现的区域.
当没有出现垂直滚动条时,"活动宽度"等于width.但是,当出现垂直滚动条时,"活动宽度"变得小于width(我猜测精确地小于滚动条的宽度).
我想确定是否出现垂直滚动条,如果是,则增加<textarea>滚动条宽度的宽度.如何识别滚动条的宽度？
有更好的方法吗？
(我对Firefox感兴趣,如果它让生活变得更轻松.)
我正在开发一个需要精确媒体查询处理的布局.我的一个问题是crossbrowser 滚动条宽度,因为它根据浏览器而不同,大多数(所有这些？)都包含在窗口宽度中.
正如我们在这两个示例中看到的那样,在有和没有垂直滚动条的情况下,媒体查询不会在相同的窗口大小下执行操作:
在第一个示例中,您可以在800/700/600px窗口宽度处看到背景颜色的确切变化.
在带滚动条的第二个示例中,颜色更改为:
779/679/579px783/783/583px这有所不同21px.
通过忽略媒体查询中的滚动条并关注可用宽度本身是否存在解决方法.
如果不是如何处理此问题,您是否修复了scollbar的最大宽度并将其包含在媒体查询中？
- 更新 -
我正在寻找CSS的最佳实践/解决方案,因为我想避免这个项目的JS.