Question

我有一个元素，使用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/

如何解决这个问题？

Answer 1

对于任何需要此功能的人，我得到了waypoints.js支持的回复：

Bootstrap的hide.bs.collapse和show.bs.collapse fire at the 崩溃过渡的开始。您想要使用那些事件转换完成时触发，hidden.bs.collapse和 shown.bs.collapse：

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

对我来说就像是一种魅力。

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

1 个答案: