JointsWP4(SASS):更改粘性属性
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 将更改为当前滚动位置。这没有我想要的那样好。到目前为止,我已经尝试过: 当使用getElementByIDthen时setAttribute,data-btm-anchorPHP文件中的确实会根据Firebug进行更改,但这一点不会影响标准nav。它留在原地。我是否需要“重新实例化” Sticky,如果需要,怎么做? 该文档提到: 使用JavaScript设置选项涉及将一个对象传递到构造函数中,如下所示: var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), …