0

我一直在努力解决我正在处理的网站上的响应问题,但我在这里或其他任何地方都找不到任何解决方案。主要问题是我的固定页脚。在网站的着陆页上,有页眉、主要区域和页脚(点击箭头时页面会展开,但这无关紧要)。

我已使用固定定位将页脚附加到页面底部。当屏幕宽度>1024px 时,页眉、主页和页脚宽度为 100%。在 1024 像素以下,页眉和页脚宽度变为静态(静态宽度为 1024)。

问题是,在屏幕右侧出现页脚应该溢出的点(因为宽度变得固定)。我可以向右滚动以查看页眉中的其余菜单,但页脚不会向右滚动。相反,它只是切断了通常存在的一切。

我尝试在 Codepen 中使用相关代码重新创建问题:http://cdpn.io/iCJct它与网站的行为不同(位于此处:http ://dev.longviewsources.com/ )。

谢谢您的帮助!

4

1 回答 1

0

问题是页脚position: fixed相对于浏览器窗口而不是您的内容是固定的,因此当用户滚动时,它会移动并且用户永远不会看到它。您可以使用position: absolute;将元素固定到相对于身体更可控的位置。从那里您可以将身体的高度设置为 100%,并使用带有overflow: scroll;

我做了一个小提琴来演示:http: //jsfiddle.net/jaredkhan/ywrx2/2/

于 2013-08-22T00:22:05.267 回答