问题标签 [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 投票
3 回答
2111 浏览

jquery - Sticky Footer 在 Safari 和 Chrome 上效果不佳

在这种情况下会发生什么?这是一个非常好的 .NET 网站,但是当我在 Safari 或 chrome 中检查网站时,有时页脚无法正常工作,我必须滚动页面(移动滚动条)以使其适合正确的位置。这是一件非常奇怪的事情。

这是我正在使用的粘性页脚插件,迄今为止我用过的最好的,它取自一个网站http://www.drupalcoder.com/sticky-footer-plugin.html

我已经使用并尝试过其他 cssstickyfooter.com 和 ryanfait.com 以及许多其他网站,下面的这个是我迄今为止见过的最好的。但它在 Safari 和 Chrome 上效果不佳。

看一下这个:

0 投票
2 回答
675 浏览

html - 卡在粘页脚 CSS 问题上

我知道关于粘性页脚还有其他几个问题,但似乎没有一个可以帮助我找到解决问题的方法。这是有问题的模板:

http://blog.campquiet.com/stack/

基本上我希望带有透明侧栏的背景延伸到浏览器窗口的底部。页脚(版权信息)也应始终位于屏幕底部,即使没有足够的内容将其推到那么远)。

有什么建议么??

更新 也许我没有我需要的那么清楚。基本上我正在尝试完成这里看到的内容:hxxp://www.cssstickyfooter.com/

我无法在我的模板中使用它。

0 投票
1 回答
209 浏览

css - IE 中的粘滞页脚问题 - 使用 wordpress

我修改了一个 wordpress 模板,除其他外,它有一个粘性页脚,当屏幕充满内容时它会被向下推。在非 IE 浏览器中,一切都运行良好,但在 IE 中出现了可怕的错误。页脚是粘性的,好吧,但不会向下推。加分项:在 IE 中,标题似乎也已关闭。可能有关系...

网站: http: //www.hospiceball.com/wp

0 投票
1 回答
1616 浏览

html - IE8中的浮动css页脚

嗨,这个问题可能会被问几次,但我找不到我正在做的具体示例,我有一个页脚:

这个CSS:

在 IE6 中效果很好,在 IE8 中,分辨率为 1280 x 1024 及以上效果很好,但低于此分辨率或当 IE 窗口变小时,页脚浮动,我尝试设置位置/浮动/清除/显示样式设置没有运气,有没有人有任何想法如何在较小的屏幕分辨率下让它粘在底部?

0 投票
1 回答
2339 浏览

css - CSS浮动页脚边距

我正在尝试修改粘性页脚(http://www.cssstickyfooter.com/)以显示边距...宽度:90% 和边距:auto 左右很容易

但是如何在不弄乱浮动页脚的情况下将高度提高到 90%(或显示某种顶部和底部边距)

谢谢

http://jsfiddle.net/56REF/

0 投票
1 回答
57 浏览

css - 粘性页脚,但只有有时 pt。3

与以前相同的问题(请参阅粘页脚,但仅有时粘页脚,但仅有时...继续)...

我有一个页脚,我想贴在页面底部,除非内容填满页面,然后我希望它被向下推。我已经在其他网站上做了十几次,但我无法让这个工作。在 WordPress 中工作。我已经检查了我的顺序,divs并且我已经检查了 css ......任何帮助表示赞赏。

主要的css组件:

网站:

http://www.hcfmissoula.com

0 投票
2 回答
2501 浏览

css - CSS Sticky Footers - 两个水平滚动条?

我在业余不完美的尝试中使用CSSStickyFooter.com教程来获得完美的粘性页脚工作。

overflow:auto;这是关于“主” div 样式的具体问题。有了这个,当用户缩小窗口时,我会在页面的中间看到一个水平滚动条。这个添加的滚动条不能像它应该的那样自动出现在窗口的底部吗?

0 投票
2 回答
702 浏览

html - 始终将页脚换行放在底部?

有人能告诉我如何让页脚换行始终保持在浏览器底部吗?谢谢你。

埃里克

0 投票
1 回答
1538 浏览

css - 另一个粘性页脚问题。具有重复 bg 和 div 的 100% 宽度 div 向右浮动

我知道这个问题是一个老问题,但是经过研究和尝试了 2 天,我仍然没有运气,我希望这里有人能给我一些建议!

问题:

我有一个页面需要应用粘性页脚,通常很简单,但这就是我遇到问题的地方。

我可以让页脚 div(#footer) 毫无问题地粘在底部(它是 100% 的宽度,带有重复的背景图像)然后在这个 DIV 中,我将另一个(#cut)与 bg-image 浮动到右侧(我的例子中的剪刀)。这也很好用。

问题是我需要另一个 100% 宽度的 div(#footer-link-wrap) 在主要的下方,以便我可以在中心浮动一些导航链接(#links)。在#footer-link-wrap 中,我需要另一个图像一直向右浮动,尝试使用定位的背景执行此操作,但我无法让它工作。

我完全碰壁了,我将非常感谢任何反馈,我刚刚在长时间的休息后重新开始设计,这可能是我犯了一个愚蠢的错误。

CSS如下:

这是示例浮动帮助的链接

0 投票
6 回答
66534 浏览

html - HTML 5 页脚标记始终位于底部

我正在用 HTML 5 开发一个网站。我将所有页脚内容包装在页脚标记中。就像下面的代码

但是上面的代码不是实际的站点代码,因为我不能分享。有人可以建议我在 HTML 5 中执行此操作的最佳方法,以便它适用于所有主要浏览器,如 IE-6、7、8 / Firefox / Safari / Crome / Opera