better-scroll插件中导致fixed定位失效处理方便

Posted 2020-12-10 weichen913

现象：当在better-scroll插件内使用fixed定位时，发现fixed失效

处理办法：把需要定位的标签放在better-scroll容器内但是在content外，即与better-scroll内的content容器平级

<div class="wrapper">
  <ul class="content">
    <li>...</li>
    <li>...</li>
    ...
  </ul>
  <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
    <div>fixed元素</div>
</div>