Css 当内部元素从溢出状态返回时，如何使滚动条消失

全部：

我想知道，当内部元素的大小发生变化时，如何使DIV重新计算溢出，例如：

函数更改大小{ d3.选择内部 .风格{ 宽度：195px， 高度：195px } } 这是一种内在的元素 更改内部元素的大小您可以在外部div上设置overflow:hidden并再次设置为auto。例如，您可以将1000更改为1

function changeSize() {
  d3.select("#inner").style({
    width: "195px",
    height: "195px"
  });
  d3.select("#outer").style({
    overflow: 'hidden'
  });
  setTimeout(function() {
    d3.select("#outer").style({
      overflow: 'auto'
    });
  }, 1000);
}

您可以在外部div上设置overflow:hidden并再次设置为auto。例如，您可以将1000更改为1

function changeSize() {
  d3.select("#inner").style({
    width: "195px",
    height: "195px"
  });
  d3.select("#outer").style({
    overflow: 'hidden'
  });
  setTimeout(function() {
    d3.select("#outer").style({
      overflow: 'auto'
    });
  }, 1000);
}

---

谢谢，它可以工作，但我想知道为什么它需要一个异步操作，我在没有设置超时的情况下尝试了类似的模式，并在更改大小之前设置了溢出隐藏设置，但它不起作用。谢谢，除了我们设置溢出隐藏时的一些额外代码和闪存外，它工作得非常好，内容说它的大小仍然大于滚动条后面的容器将闪烁Hmm可能的解决方案：只有当新大小大于当前大小时，您才能将溢出属性的值从scroll更改为auto，而不是hidden更改为auto，当新大小小于内框时，从隐藏更改为自动。或者更简单：仅当新大小值小于内框时才更改溢出属性。谢谢，它可以工作，但我想知道为什么它需要异步操作，我尝试了类似的模式，但没有设置超时，并在更改大小之前设置溢出隐藏设置，而且它不起作用谢谢，除了我们设置溢出隐藏时的一些额外代码和闪存外，它工作得非常好，内容说它的大小仍然大于滚动条后面的容器将闪烁Hmm可能的解决方案：只有当新大小大于当前大小时，您才能将溢出属性的值从scroll更改为auto，而不是hidden更改为auto，当新大小小于内框时，从隐藏更改为自动。或者更简单：仅当新大小值小于内框时，才更改溢出属性。