小编Sam*_*son的帖子

TL; DR:Sticky实际上能够对我通过JavaScript提供的更改做出反应吗？如果是这样,怎么样？

(该项目使用的是Foundation 6.2和WordPress 4.4,主题使用Node.js/npm和gulp 4.0安装.我的问题详细地用粗体标记.)

我想nav使用Foundation的Sticky Plugin 使条形粘,但只有当我点击一个按钮时.这意味着当DOM全部完成时,nav条形图不应该"单独"粘贴,而是保持在文档中的顶部位置.此外,它应该在向下滚动时消失,但在向上滚动时会粘住.

该nav酒吧是正确包裹在所有需要的divS,所以nav酒吧是能够坚持."额外"部分出现问题.我的想法是首先使用PHP实例化Sticky:

<div data-sticky-container>
  <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" 
    data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%"
>
    <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?>
  </header>
</div>

之后,data-btm-anchor使用在点击时触发的JavaScript 更改为当前滚动位置.这不像我想的那样好用.到目前为止我尝试过的:

1. 当使用getElementByID然后setAttribute,data-btm-anchorPHP文件确实根据Firebug改变,但这不会影响nav条形; 它保持原样.我是否需要"重新实施"Sticky,如果是,如何？
2. 该文件提到:

使用JavaScript设置选项涉及将对象传递给构造函数,如下所示:

var options = {
   multiExpand: true,
   allowAllClosed: false
};
var accordion = new Foundation.Accordion($('#some-accordion'), options);

Run Code Online (Sandbox Code Playgroud)

这是否意味着我可以将新参数传递给现有的插件实例？每当我传递一个新Foundation.Sticky对象时,只有一个不同的 …