Twitter bootstrap 防止Twitter引导粘贴滚动超出点

Twitter bootstrap 防止Twitter引导粘贴滚动超出点,twitter-bootstrap,scroll,affix,Twitter Bootstrap,Scroll,Affix,使用时,我可以从页面顶部设置偏移量,这样,一旦用户滚动超过偏移量点,侧边栏将随着用户向下滚动页面 在某些页面上,一旦用户滚动到页面底部,我的粘贴边栏将滚动到页面的内容部分之外,进入页面的子页脚和页脚,如下图所示 问题:如何防止粘贴的项目浮动到低于我的内容部分(如最后一个常见问题手风琴所示) 更新(添加代码) 你还有问题吗? 更新当底部偏移下的滚动区域高度大于粘贴的元素高度时,计算出错。将图元设置为“粘贴底部”设置的绝对位置后,将在下一次计算中使用此位置。因此,当向下滚动时,您的类将一次又一次

使用时,我可以从页面顶部设置
偏移量
,这样,一旦用户滚动超过
偏移量
点,侧边栏将随着用户向下滚动页面

在某些页面上,一旦用户滚动到页面底部,我的粘贴边栏将滚动到页面的内容部分之外,进入页面的
子页脚和
页脚,如下图所示

问题:如何防止粘贴的项目浮动到低于我的内容部分(如最后一个常见问题手风琴所示)

更新(添加代码)


你还有问题吗?

更新当底部偏移下的滚动区域高度大于粘贴的元素高度时,计算出错。将图元设置为“粘贴底部”设置的绝对位置后,将在下一次计算中使用此位置。因此,当向下滚动时,您的类将一次又一次地从“粘贴”更改为“粘贴底部”

尝试此修复程序:

var tmp = $.fn.affix.Constructor.prototype.checkPosition;
$.fn.affix.Constructor.prototype.checkPosition = function () {
  if(($(document).height()-this.$window.scrollTop())<this.options.offset.bottom && this.$element.hasClass('affix-bottom')) return;
  tmp.call(this);
  }  
var tmp=$.fn.affix.Constructor.prototype.checkPosition;
$.fn.affix.Constructor.prototype.checkPosition=函数(){

如果($(document).height()-this.$window.scrollTop())当我在页面上滚动时,
粘贴底部
类从未被应用,则可能出现重复。这是什么原因?您似乎还必须为粘贴底部设置数据偏移底部
var tmp = $.fn.affix.Constructor.prototype.checkPosition;
$.fn.affix.Constructor.prototype.checkPosition = function () {
  if(($(document).height()-this.$window.scrollTop())<this.options.offset.bottom && this.$element.hasClass('affix-bottom')) return;
  tmp.call(this);
  }  
// side bar
setTimeout(function () {
  $('.bs-docs-sidenav').affix({
    offset: {
      top: function () { return $window.width() <= 980 ? 290 : 210 }
    , bottom: 270 
    }
  })
}, 100)