Jquery - 在页面底部粘贴元素直到滚动到它 - 带有手风琴的页面答案

【问题标题】：Jquery - Stick element on bottom of the page until scrolled to it - page with accordionJquery - 在页面底部粘贴元素直到滚动到它 - 带有手风琴的页面
【发布时间】：2014-05-28 07:45:56
【问题描述】：

我有一个元素，它使用waypoints.js 和以下代码粘贴在页面底部：

  $('.sticky-container').waypoint(function (direction) {
      if (direction == 'down') {
          $(this).addClass('active');
      } else {
          $(this).removeClass('active');
      }
  },{offset:'100%'});

这很好用，但我的页面上也有手风琴 - 当我打开手风琴项目时，页面高度会发生变化，但更改不会反映在航点脚本中，并且粘性元素会很快消失。

我创建了 jsfiddle 来更好地解释我的意思：http://jsfiddle.net/SCr5L/3/

如何解决这个问题？

【问题讨论】：

您好，再次抱歉回复晚了。我确实设法看看这个。我试着改变你的小提琴来“摧毁”行动呼吁的“点击”航点（然后创建一个全新的航点），但不幸的是我遇到了同样的问题。坦率地说，我不太确定，我确实花了 30 分钟的时间来研究它，哈哈！我建议您将此问题移至 waypoints.js github 存储库，在那里创建问题，原始开发人员（或其他贡献者）可以回复您！ github.com/imakewebthings/jquery-waypoints
感谢您的帮助，这是 Github 问题：github.com/imakewebthings/jquery-waypoints/issues/276
没问题，很高兴你把它整理好了！

标签： jquery sticky-footer jquery-waypoints

【解决方案1】：

对于任何需要这个的人，我得到了来自 waypoints.js 支持的回复：

Bootstrap 的 hide.bs.collapse 和 show.bs.collapse 在崩溃过渡的开始。你想使用的事件转换完成时触发 hidden.bs.collapse 和显示.bs.collapse：

$('.collapse').on('shown.bs.collapse hidden.bs.collapse', function (e) {
    e.stopPropagation();
    $.waypoints('refresh');
})

对我来说就像一个魅力。

【讨论】：