css - Jasny Bootstrap 在带有粘性页脚的移动屏幕上关闭 Canvas 导航

标签 css twitter-bootstrap sticky-footer jasny-bootstrap

我在我的响应式网站上使用了粘性页脚,以及 Jasny Bootstrap off canvas nav 插件(这很棒,顺便说一句)。但是,我注意到在内容不多的页面上,当在移动设备上(sm 和 xs 尺寸)时,当关闭 Canvas 导航打开时,粘性页脚会跳到内容的底部。有没有其他人经历过这种情况,或者知道解决方案?我只在 sm 屏幕尺寸和更小的屏幕上使用 off canvas nav,所以这在网站的桌面版本上不是问题。在这些情况下,页脚不会保持“粘性”,而是会跳到内容的底部,在下方留下一个空隙。

Link to a screen shot of what I'm talking about (还不能上传图片)

最佳答案

更改行:Jasny-bootstrap.js 中的 240

来自: if ($(this).css('position') === 'static') $(this).css('position', 'relative')

收件人: 如果 ($(this).css('position') === 'static') $(this).css('position', 'absolute')

关于css - Jasny Bootstrap 在带有粘性页脚的移动屏幕上关闭 Canvas 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26415302/

相关文章:

css - 文本的背景颜色(仅)

html - 当使用 CSS 动态更改页面高度时,将页脚保留在页面底部

CSS Target * 带有 - 和数字的类

css - Simple_form form-horizo​​ntal 在 bootstrap 3 中仍然不起作用

html - 适合(调整大小/压缩)div 中溢出的内容?

jquery - Bootstrap 4 : Open tab from inside a tab (second link)

php - 可滚动 40 行标题的带有 php 内容的粘性标题?

html - 具有固定粘性页脚和主要可滚动部分的 CSS 网格

html css 如何使页面宽度固定,以便在调整屏幕大小时它会向右和向左平移?

jquery - 在悬停在下拉列表中的 <li> 上时创建子菜单。就像 Udemy 网站下拉菜单一样