jquery - 防止将 “left” 样式添加到粘性菜单元素

Question

我有一个带有左侧边栏和内容的主题。

左侧边栏代码:

<div class="medium-2 columns" id="sidebar-left" data-sticky-container>
<div class="sticky" data-sticky data-anchor="content">
   <ul class="accordion" data-accordion data-allow-all-closed="true">
     <li class="accordion-item">
      <a class="accordion-title" href="#">Categories</a>
      <div class="accordion-content" data-tab-content>
        <!-- list of elements -->
      </div>
     </li>
   </ul>
</div>

基金会将粘性 div 更改为:

 <div class="sticky is-at-top is-stuck" data-sticky="42hom0-sticky" data-anchor="content" data-resize="rsh5cz-sticky" style="max-width: 257px; margin-top: 1em; top: 0px; bottom: auto; left: 15px;" data-events="resize">

我如何防止 Foundation 6 将“左”样式添加到左侧边栏中的粘性菜单？

Answer 1

您可以设置数据粘性容器的样式，使其左侧填充为零像素。

<div class="medium-2 columns" id="sidebar-left" data-sticky-container style="padding-left:0;">

或者使用 CSS 来完成相同的样式:

.padd-left-0 { padding-left:0; }

<div class="medium-2 columns padd-left-0" id="sidebar-left" data-sticky-container>