Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用overflow:auto查找UL的可滚动宽度_Javascript_Jquery_Css_Html Lists_Overflow - Fatal编程技术网

Javascript 如何使用overflow:auto查找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

我有以下风格的UL:

#可排序{
列表样式类型:无;
保证金: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()以前不适用于我(在我的描述中),但我一定有其他语法问题。以下是工作链接:。谢谢你的帮助!