javascript - 处理滚动条和 jquery .width() 方法

标签 javascript jquery css

jQuery 的 .width() 方法似乎没有考虑滚动条。这对我来说是有问题的,因为我想将一些 child 的宽度设置为等于他们 parent 的宽度。我使用了类似于以下的 jQuery:

$('#contentDiv').width($('#containerDiv').width())

在这个例子中,#contentDiv 是我想要调整大小的元素,我想将它设置为具有 #containerDiv 的宽度,这是它的父元素。我的问题是这切断了 #contentDiv 的一侧,如 this fiddle. 中所示

在我的实际代码中,我有几个使用 jQuery 调整大小的元素,它们都需要适合可滚动的 div,所以只需将 #contentDiv 的 css 设置为 100% 不是一个选项。在 jQuery 中处理 div 的滚动条宽度的最佳方法是什么?

最佳答案

我在解决此解决方案时发现的最佳解决方案是:

http://chris-spittles.co.uk/?p=531

jQuery 非常强大,但有时您只需要一点点原生 JS 就可以呈现像素完美的页面...我希望您会发现这个解决方案有用!

关于javascript - 处理滚动条和 jquery .width() 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15976531/

相关文章:

javascript - Ruby相当于一个javascript自执行函数

javascript - jQuery - 输入文本属性未显示在页面上

css - 位置粘性和比例

HTML 定位问题

html - 如何禁用从其他div 继承样式?

javascript - 使用 Javascript 验证是 Armstrong 编号

javascript - 我是否设置为正确使用 Angular Js 的 cookie

javascript - React Hook useEffect 缺少依赖项 : 'notes' , 如何修复它?

jQuery/CSS - 如何选择文档中所有的 li display none?

如果没有选中复选框,JavaScript 将在点击事件上发出警报