jquery - Enscroll js 滚动条位于容器外

Question

我有一个带有无序列表的容器。容器的边距属性设置为 auto auto 5em。

在使用 enscroll js 向容器添加滚动条时，滚动条是绝对定位的，而不考虑 container 的位置。

JSFiddle 位于 http://jsfiddle.net/madhavan020985/tmt4phuv/4/

通过删除 container 的边距属性，它可以正确呈现。 但我需要使用 margin 将容器与中心对齐。

问题由

引起

#container{        
  margin: auto;
  margin-top: 5em;
}

Answer 1

对此有一个简单的解决方法(尽管我同意其他人的观点，即您应该共享 enscroll 而不是最小化它)。只需将容器包裹在另一个容器中，然后为那个容器留边。因此:fiddle

<div id="biggercontainer">
    <div id="container">
     ...
    </div>
</div>

CSS

#biggercontainer{

  margin: auto;
  margin-top: 5em;
  height: 100px;
  width: 100px;
}
#container{

  border: 1px solid black;
  height: 100px;
  width: 100px;
}