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