防止将“左”样式添加到粘性菜单元素答案

【问题标题】：Prevent add “left” style to sticky menu element防止将“左”样式添加到粘性菜单元素
【发布时间】：2016-11-10 21:51:09
【问题描述】：

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

左侧边栏代码：

<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 在左侧边栏中的粘性菜单中添加“左”样式？

【问题讨论】：

所以你想让 div 的左边是 0px 而不是 15px？

标签： jquery css zurb-foundation-6

【解决方案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>

【讨论】：