问题标签 [sticky-footer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
756 浏览

css - 使页脚粘在页面底部

我在我正在制作的网站上有一个带有一些代码的 nghtmare,应该很简单,但事实并非如此。

我希望我的页脚贴在页面底部,但是所有内容都排在第一位(当页面价值超过一页时,如果这有意义的话)

我已经能够在 Safari、Chrom 和 Firefox 中做到这一点,但令人惊讶的是 Internet Explorer 被证明是主要问题。

我现在位于底部,但是当页面内容很多时,页脚会出现在页面内容上方(请参阅“我们是谁”标签)。

http://www.break-comms.com/index.html

我真的很感激任何帮助,因为它真的开始让我烦恼,现在已经回去改变代码好几个小时了。

下面是页面随附的 CSS,就像我说的那样,对此的任何帮助将不胜感激。

0 投票
2 回答
1018 浏览

css - 带有粘性页脚的嵌套 div 100% 高度

我有一个#main嵌套在容器 div 中的 div,我想将页面填充到粘性页脚。我已经尝试了几个角度,但似乎无法让它发挥作用。如果您不使用 firebug,请询问,我会提供 CSS 等。

谢谢。

网站: http: //www.dentistrywithsmiles.com

0 投票
1 回答
743 浏览

css - CSS动态定位页脚(粘页脚问题)

我试图达到与粘性页脚相同的效果,但我有一个问题没有出现在此处提出的任何教程或问题中:我的页脚高度也是动态的。

我的页脚中有一些新闻项目,因此页脚的高度会根据这些新闻项目的长度而变化。显然,当内容的高度小于浏览器的视口时,我希望页脚绝对位于页面底部,并且当其高度高于实际视口时相对于内容。

目前我在 jQuery 中成功实现了这一点,但我想要一个纯 CSS 方法(如果有的话),因为有些用户在他们的浏览器中禁用了 JavaScript。

非常感谢!

编辑:

我的代码很常见:我的标签中有a <header>、 an <aside>、 a<section>和 a 。在 jQuery 中,我几乎将这些元素的高度总和(不包括页脚)与浏览器视口进行比较。如果值更大,我在页脚添加一个,否则我添加一个。<footer><body>position:relativeposition:absolute; bottom:0

0 投票
1 回答
161 浏览

html - 内部容器不重复-y 用于粘贴页脚

我想要一个粘性页脚,我遵循了这个指南:http ://www.cssstickyfooter.com/using-sticky-footer-code.html

我有一个用于背景图像的外包装(容器)和一个内包装(容器2)。

我能够让页脚粘在底部,但 container2 中的背景图像并没有一直垂直向下重复。

请需要一些帮助。

0 投票
0 回答
169 浏览

css - 尝试了几种解决方案后,页脚没有粘住

我无法让页脚粘在页面底部。它适用于 1024x1280,这是我正在设计的,但是当我在 1024x768 和 800x600 中测试它时,#content 部分与页脚重叠并导致窗口底部出现空白。我试过了:

  • 将页脚位置设置为绝对 w/bottom:0 ;
  • 使用位置:固定,它有效,但与内容重叠。我希望它出现在内容之后。
  • 向容器添加填充并以负边距向上拉页脚
  • 向#content 添加填充并以负边距向上拉页脚
  • 使用可怕的 hacky #push div 设置为与页脚相同的高度

这是有问题的页面。

在这一点上,我已经准备好向它抛出一些 Jquery 并完成,但如果有 CSS 方法来解决问题,我愿意接受建议。

编辑:如果事情看起来有点不稳定,那是因为我添加了一个插件来拉伸背景图像。原谅乱七八糟!

0 投票
1 回答
1712 浏览

html - 我的 Django 模板中的页脚居中问题

我在尝试将页脚置于 Django 模板中时遇到问题。页脚 div 类是分页。

基本 HTML:

实际页面 HTML:

0 投票
2 回答
86 浏览

css - 使图像贴在网页底部

嘿伙计们,我有一个网页,其中我在页面底部有一个广告,现在我希望每当用户向下滚动页面时,广告应该只保留在底部并且也可见,类似于粘性广告。 ...我怎么能做到这一点?

提前致谢。

0 投票
1 回答
4449 浏览

css - 页脚重叠内容

谢谢你的帮助。

你可以在线查看这个

问题是我的页脚。它似乎不会停留在内容之下。我试图使用对我不起作用的 Matthew James Taylor 的方法。当内容填满页面时,我需要页脚保持在内容下方,当内容未填满页面时,我需要保持在窗口底部(粘性页脚)。我正在寻找非 JS 解决方案。

再次感谢。

0 投票
1 回答
970 浏览

html - CSS:在存在 100% 宽度的元素时向右滚动:右侧部分不存在背景?

我看到很多网站都受此影响,而且我最近才沉浸在 100% 延伸的背景中......

例子是

http://brassblogs.com/blog/sticky-footer

http://beanstalkapp.com/

如果您限制浏览器的宽度并向右滚动,它会在视觉上看起来关闭:背景不会延续。你怎么能解决这个问题?

编辑:呵呵,只要我自己想出答案,我就得到了答案....哈哈。

0 投票
10 回答
54593 浏览

html - 如何强制我的页脚粘在 CSS 中任何页面的底部?

这是我的代码:

我不知道这有什么问题 - 任何人都可以帮忙吗?

编辑:为了更清楚地了解问题所在:页面加载时,页脚按预期显示在底部。但是,当网页的高度大于屏幕上的尺寸以致出现滚动条时,页脚将停留在同一位置。也就是说,当页面高度 <= 100% 时,页脚在底部。但是,当页面高度 >100% 时,页脚不在该页面的底部,而是在可见屏幕的底部。

编辑:令人惊讶的是,以下解决方案均无效。我最终实现了一个侧边栏。