我在业余不完美的尝试中使用CSSStickyFooter.com教程来获得完美的粘性页脚工作。
overflow:auto;
这是关于“主” div 样式的具体问题。有了这个,当用户缩小窗口时,我会在页面的中间看到一个水平滚动条。这个添加的滚动条不能像它应该的那样自动出现在窗口的底部吗?
我在业余不完美的尝试中使用CSSStickyFooter.com教程来获得完美的粘性页脚工作。
overflow:auto;
这是关于“主” div 样式的具体问题。有了这个,当用户缩小窗口时,我会在页面的中间看到一个水平滚动条。这个添加的滚动条不能像它应该的那样自动出现在窗口的底部吗?
您将滚动条放在一个奇怪的地方的原因是因为它在页面上<div>
而不是在页面上。这是使用的结果overflow:auto;
。
overflow:auto;
<div>
告诉 CSS当它太小而无法显示其所有内容时,您希望该特定对象获得滚动条(水平或垂直)。
因此,您的问题的直接答案是否定的;您不能将滚动条放置在页面的其他位置,因为它附加到<div>
.
但是,可能有一些方法可以解决它。
首先,如果您不介意在显示窄时内容被剪裁,您可以将滚动条设置为只给您水平滚动条,而抑制垂直滚动条。你会这样做:
overflow-y: scroll;
overflow-x: hidden;
或者,可能还有其他方法可以修复您的代码;CSSStickyFooter.com是众所周知的,所以如果它适用于其他人而没有这个故障,它可能也适用于你。但我们需要查看更多您的代码,以帮助您进一步了解这一点。
我研究并尝试了许多用于粘性页脚的技术,发现这个方法效果很好:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
我在使用之前使用的许多其他技术时遇到了问题。如果使用 CSSStickyFooter.com 对您的项目不是严格要求,我建议您使用我提到的链接中描述的技术。