JavaScript Element scrollWidth 属性

  • JavaScript Element scrollWidth 属性

    scrollWidth属性返回元素的整个宽度(以像素为单位),包括填充,但不返回边框,滚动条或边距。此属性是只读的。
    提示:使用scrollHeight属性返回元素的整个高度。
    scrollWidthscrollHeight属性返回元素的整个高度和宽度,包括不可查看的高度和宽度(由于溢出)。
    提示:要将滚动条添加到元素,请使用CSS overflow属性。
    实例:
    获取元素的整个高度和宽度,包括填充:
    var elmnt = document.getElementById("content");
    var y = elmnt.scrollHeight;
    var x = elmnt.scrollWidth;
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    scrollWidth
    支持
    支持
    支持
    支持
    支持
  • 语法

    element.scrollWidth
  • 技术细节

    项目 描述
    返回值: 一个数字,表示元素的整个宽度(水平),以像素为单位
    DOM版本
  • 更多例子

    使用填充,边框,滚动条和边距来显示它如何影响scrollWidth和scrollHeight属性:
    var elmnt = document.getElementById("content");
    var y = elmnt.scrollHeight;
    var x = elmnt.scrollWidth;
    
    尝试一下
    返回元素的scrollHeight和scrollWidth,然后将其高度和宽度设置为scrollHeight和scrollWidth返回的值:
    var elmnt = document.getElementById("content");
    
    function getFunction() {
      var x = elmnt.scrollWidth;
      var y = elmnt.scrollHeight;
    }
    
    function setFunction() {
      elmnt.style.height = y.scrollHeight + "px";
      elmnt.style.width = y.scrollWidth + "px";
    }
    
    尝试一下