CSS粘滞页脚 - 两个水平滚动条？

Question

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

这是关于“主”div上的overflow:auto;风格的特定问题。有了这个功能，当用户缩小窗口时，我的页面上方会出现一个水平滚动条。这个添加的滚动条不能像它应该的那样自动出现在窗口的底部吗？

Answer 1

你在一个奇怪的地方得到滚动条的原因是因为它在<div>而不是在页面上。这是使用overflow:auto;的结果。

overflow:auto;告诉CSS你想让那个特定的<div>当它太小而不能显示其所有内容时滚动条（水平或垂直）。

因此，你的问题的直接答案是否定的;您无法将滚动条放在页面的其他位置，因为它连接到<div>。

但是，可能有解决办法。首先，如果您不介意在显示范围很窄时剪裁的内容，则可以设置滚动条，使其只显示横向滚动条，并抑制垂直滚动条。你可以这样做：

overflow-y: scroll; 
overflow-x: hidden; 

或者，可能有其他方法来修复你的代码; CSSStickyFooter.com非常了解，所以如果它适用于没有这个小故障的其他人，它也可能会为你工作。但是我们需要多看一些代码，以帮助您进一步了解该行。

Answer 2

我研究，并试图为粘页脚的许多技术，发现这一个伟大的工作：

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

我有我一个以前使用许多其他技术问题。如果使用CSSStickyFooter.com不是您的项目的严格要求，我建议您使用我提到的链接中描述的技术。