Question

很难用文字来解释，所以这是我用来更好地解释问题的小提琴：http://jsfiddle.net/j2zurbbv/1/。当第一个超时触发时，容器div不会“滚动”，这是我想要的行为。但是，当输入位于div的可见部分之外时（与第二次超时一样），容器div以此输入为中心。

Container css：

#container {
  overflow: hidden;
  height: 200px;
  position: absolute;
  width: 200px;
}

对于记录我只在Chrome 37.0上测试了这个

Answer 1

管理完成它。每当您以编程方式聚焦于document.getElementById('container').scrollTop = 0; div的可见区域之外的元素时，只要用户输入此类元素，就可以通过overflow: hidden计算浏览器执行的滚动操作。演示JSFiddle（不防止输入滚动）http://jsfiddle.net/j2zurbbv/2/。

防止隐藏溢出区域中的聚焦输入居中

1 个答案: