Javascript 如何使用overflow:auto查找UL的可滚动宽度
我有以下风格的UL:Javascript 如何使用overflow:auto查找UL的可滚动宽度,javascript,jquery,css,html-lists,overflow,Javascript,Jquery,Css,Html Lists,Overflow,我有以下风格的UL: #可排序{ 列表样式类型:无; 保证金:0; 填充:0; 溢出:自动; 空白:nowrap; } UL将跨越我的浏览器窗口的大小,并在底部应用一个滚动条,这很好。现在我想得到可滚动部分的宽度。我认为像$(“#sortable”).scrollWidth或document.getElementById('sortable').scrollWidth这样的东西可以工作,但它返回的是未定义的 是否有可能在任何给定时间确定UL的宽度?我还需要支持IE8。谢谢 下面是一个示例:sc
#可排序{
列表样式类型:无;
保证金:0;
填充:0;
溢出:自动;
空白:nowrap;
}
UL将跨越我的浏览器窗口的大小,并在底部应用一个滚动条,这很好。现在我想得到可滚动部分的宽度。我认为像$(“#sortable”).scrollWidth
或document.getElementById('sortable').scrollWidth
这样的东西可以工作,但它返回的是未定义的
是否有可能在任何给定时间确定UL的宽度?我还需要支持IE8。谢谢
下面是一个示例:
scrollWidth
不是jQuery属性,因此$(“#可排序”).scrollWidth
不起作用<代码>$(“#可排序”)[0]。但是,如图所示,scrollWidth将显示document.getElementById('sortable')和document.querySelector('sortable')。scrollWidth
似乎也可以在小提琴中工作。你能做一个JSFIDLE吗?document.getElementById('scrollDiv')。scrollWidth
应该可以工作记住,$(.scrollDiv”).scrollWidth)
使用类scrollDiv
获取元素。我想你要找的是$(“#scrollDiv”).scrollWidth)
。把最后的括号去掉,好吗<代码>$(“#可排序”)。scrollWidth
不起作用scrollWidth
是元素的属性,而不是jQuery属性。当您执行document.querySelector(“#sortable”).scrollWidth
或在.scrollWidth
之前添加[0]
时会得到什么?谢谢!我不确定为什么getElementById()以前不适用于我(在我的描述中),但我一定有其他语法问题。以下是工作链接:。谢谢你的帮助!