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)