javascript - Bootstrap 修复 IE 和 Firefox 的滚动问题

标签 javascript jquery css twitter-bootstrap affix

我的网站侧边栏有问题。我正在使用 Bootstrap 词缀将其固定到页面末尾,它应该在某个点出现其余内容......

它在 Chrome 和 Safari 上工作得很好,但在 Firefox 或 IE 上,侧边栏并不总是随着滚动末尾的内容向上移动......当我缓慢滚动时,它工作正常,但如果我滚动太多很快,侧边栏的底部将覆盖页脚。

This is a page您可以在其中看到它的运行情况。

我找不到与该问题相关的任何信息。谁能帮忙?

谢谢

最佳答案

这是 Bootstrap 中的一个错误,已在此处解决:https://github.com/iainvdw/bootstrap/commit/c786f454c9175cce5bcf9a7074a3e206533b3d1a

但是它似乎并未包含在您网站上使用的 3.1.1 版本中。

要手动执行,请替换此行:

offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' :

有了这个:

offsetBottom != null && (Math.ceil(position.top) + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' :

关于javascript - Bootstrap 修复 IE 和 Firefox 的滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22387304/

相关文章:

javascript - grunt-babel 挂起并且不返回错误消息

javascript - 更新元素以显示 "contentEditable"元素的实时变化

javascript - 一个一个地运行 jQuery 函数来执行 CSS 转换

javascript - react-native 图像不适用于 android

html - 覆盖父表边框属性

javascript - js dataTable yadcf 保留过滤器值

javascript - 正则表达式:跳过引号内的注释

javascript - 如何让jquery函数在div显示在屏幕上时运行

javascript - 在 AngularJS 中单击更改 div 背景颜色

javascript - 如何将 Django 中的数组传递给模板并与 JavaScript 一起使用