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">

我如何阻止基金会6添加＆＃34;左＆＃34;样式到左边栏的粘性菜单？

Answer 1

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

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

防止向粘性菜单元素添加“左”样式

1 个答案: