我有一個元素，需要它的寬度沒有垂直滾動條。Firebug告訴我機身寬度為1280px。這些在Firefox中都可以正常工作：console.log($('.element').outerWidth() );console.log($('.element').outerWidth(true) );$detour = $('.child-of-element').offsetParent();console.log( $detour.innerWidth() );它們都返回1263px，這是我正在尋找的值。但是所有其他瀏覽器都給我1280px。有沒有跨瀏覽器的方法來獲得全屏寬度而沒有（?。┐怪睗L動條？
3 回答
慕雪6442864
TA貢獻1812條經(jīng)驗 獲得超5個贊
.prop("clientWidth") 和 .prop("scrollWidth")
var actualInnerWidth = $("body").prop("clientWidth"); // El. width minus scrollbar width
var actualInnerWidth = $("body").prop("scrollWidth"); // El. width minus scrollbar width
在JavaScript中：
var actualInnerWidth = document.body.clientWidth; // El. width minus scrollbar width
var actualInnerWidth = document.body.scrollWidth; // El. width minus scrollbar width
PS：請注意，要scrollWidth可靠使用，您的元素不應(yīng)水平溢出
您也可以使用，.innerWidth()但這僅適用于body元素
var innerWidth = $('body').innerWidth(); // Width PX minus scrollbar
蝴蝶不菲
TA貢獻1810條經(jīng)驗 獲得超4個贊
您只需編寫以下代碼即可使用香草javascript：
var width = el.clientWidth;
您還可以使用它來獲取文檔的寬度，如下所示：
var docWidth = document.documentElement.clientWidth || document.body.clientWidth;
您還可以獲取整個窗口的寬度，包括滾動條，如下所示：
var fullWidth = window.innerWidth;
但是，并非所有瀏覽器都支持此功能，因此，作為一種后備方法，您可能希望docWidth按上述方式使用，并增加滾動條的width。
繁華開滿天機
TA貢獻1816條經(jīng)驗 獲得超4個贊
以下是一些假定$element為jQuery元素的示例：
// Element width including overflow (scrollbar)
$element[0].offsetWidth; // 1280 in your case
// Element width excluding overflow (scrollbar)
$element[0].clientWidth; // 1280 - scrollbarWidth
// Scrollbar width
$element[0].offsetWidth - $element[0].clientWidth; // 0 if no scrollbar
- 3 回答
- 0 關(guān)注
- 486 瀏覽
添加回答
舉報
0/150
提交
取消