javascript - 溢出 :hidden, 我在这里做错了什么

Question

我在父 div 标签内明确定位了 div。问题是，当我调整浏览器窗口大小时，我可以滚动到我不想滚动到的指定 div 位置。我尝试使用溢出，它除了完全隐藏 div 之外什么也没做。我显然在这里遗漏了一些东西。调整浏览器窗口大小时如何隐藏图像？我该如何解决这个问题？

.Topics__imageContainer {
  position: absolute;
  -webkit-transition: opacity .5s,-webkit-transform .5s;
  transition: opacity .5s,-webkit-transform .5s;
  transition: transform .5s,opacity .5s;
  transition: transform .5s,opacity .5s,-webkit-transform .5s;
}

.Topics__image {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
  box-sizing: content-box;
  overflow-x:hidden;
  display:inline-block;
}

.icon_wrapper_inner{   
  overflow-x: hidden;
  position: relative;
}

<div class="icon_wrapper_inner">
  <div class="Topics__imageContainer" style="opacity: 1; left: 1380px;  top:268px;">
    <div class="Topics__image Topics__image--far" style="width:50px;height:50px;background:url('http://4hdwallpapers.com/wp-content/uploads/2013/05/Emo-Star-Dekstop-Background-728x546.jpg');background-size:100%">
    </div>
  </div>
</div>
 

Answer 1

尝试反转 CSS 中隐藏的逻辑。

overflow: hidden;
overflow-y: auto;