Question

这是我的小提琴：

我有这个班级

.scrollable{
    overflow: auto;
    max-height:400px;
}

我说了一个很长的div有很多元素：

<div class=scrollable>
  <div>
     <input type="checkbox" id="test0" />
     <label for="test0">Red</label>
  </div>
  <div>
     <input type="checkbox" id="test1" />
     <label for="test1">Red</label>
  </div>
  ....

当我点击一个元素说test51时，我的滚动条会跳转到元素位置，就好像它不包含在可滚动的div中一样。任何人都知道为什么会这样？

Answer 1

原来答案很简单，只需添加：

.scrollable{
    position: relative;
}

https://jsfiddle.net/161pnkzr/1/

我还修复了jsfiddle中的结束</div>（原来是<div/>）。

参考：https://github.com/Dogfalo/materialize/issues/992

单击复选框时，滚动条会“跳转”到具有可滚动容器的其他位置

1 个答案: