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;
}