Zurb Foundation Sticky 功能没有响应答案

【问题标题】：Zurb Foundation Sticky function not respondingZurb Foundation Sticky 功能没有响应
【发布时间】：2017-01-04 06:58:49
【问题描述】：

我正在尝试实现粘滞功能，详见此处：http://foundation.zurb.com/sites/docs/sticky.html

我已按照说明添加了所需的属性。我的 HTML 是：

<div class="columns medium-4 medium-push-8" data-sticky-container>
  <div class="sticky" data-sticky data-margin-top="0" >
    <!--content-->
   </div>
</div>

我已确保 Zurb 的 JavaScript 库正常工作。

当我查看页面时，元素看起来很好且有序，但 Sticky 功能不起作用。

有人知道我做错了什么吗？

【问题讨论】：

控制台有错误吗？
@Mediabeastnz 不，没有

标签： jquery zurb-foundation

【解决方案1】：

您的代码对我有用。我知道您提到“Zurb 的 JavaScript 库正在运行”。但是您是否包含一整套 Foundation 库或者是自定义构建？您需要确保包含以下内容：

foundation.sticky.js
foundation.core.js
foundation.util.triggers.js
foundation.util.mediaQuery.js
粉底-粘性混合

【讨论】：

【解决方案2】：

这个直接来自 6.3 文档的 sn-p 对我有用。

<div class="columns small-6 right" data-sticky-container>
  <div class="sticky" data-sticky data-margin-top="0">
    <img class="thumbnail" src="assets/img/generic/rectangle-3.jpg">
    <!-- This sticky element would stick to the window, with a marginTop of 0 -->
  </div>
</div>

如果这对您不起作用，可能是因为您没有包含正确的 javascript。大多数时候使用缩小的foundation.min.js 可以节省很多问题，因为它包含所有插件。

【讨论】：