jquery - Bootstrap : sticky footer or affix?

标签 jquery css twitter-bootstrap sticky-footer affix

我尝试向我的页面添加一个元素,该元素应保留在页面底部,直到我滚动到它上面。

我使用 twitter bootstrap 作为 css 和 js 框架,所以我尝试使用 affix 类来实现。 但当我滚动到它上面时,该元素始终保持在其位置并且不显示任何功能。

这是我想要做的示例:http://www.brightpearl.com/features/shipping-management-software

这是迄今为止我的代码:

<div class="affix" data-spy="affix-bottom" data-offset-top="200" data-offset-bottom="0">

最佳答案

做了一个检查元素,这是棒容器上的CSS...

.sticky-wrapper.stuck {
position: fixed;
bottom: 0;
}

非常简单!

关于jquery - Bootstrap : sticky footer or affix?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17253287/

相关文章:

javascript - 动态更新文本框后更新范围值

jQuery 正则表达式匹配函数总是返回 false

html - 崩溃的过渡

jquery - 允许 jQuery 函数应用于多个标签

javascript - 如果再次单击父元素,则保持未折叠的元素打开

javascript - 如何自动关闭在单击并失去焦点或切换选项卡后可见的 Bootstrap 工具提示?

javascript - 我怎样才能防止嵌套列表的点击事件

javascript/jQuery : validating numbers when using . 每个

html - 在图像和中心周围添加 div 容器

css - 公益公告: IE9 rendering oddity when FORMs tags improperly laid out