0

我有一个使用此脚本水平滚动的网站:http: //tympanus.net/Tutorials/WebsiteScrolling/index.html

有时,在这个构建中,我最终会得到一个垂直滚动条,因为根据用户的分辨率,副本可能会在页面可见部分的下方运行。

我有一些页脚信息要与页面一起水平滚动,但是如果有滚动条,而不仅仅是窗口,我希望它始终位于页面的最底部。使用这个 CSS:

.footer { position: fixed; bottom: 10px; left: 100px; } 

不符合我的要求,因为页脚将覆盖网站的副本。

所以我也尝试了这样的事情:

html, body { min-height: 900px; } 
.footer { position: fixed; top: 880px; left: 100px; }

这也不起作用,因为信息仍然总是被推离页面的可见部分。

因此,我正在寻找一种解决方案,基本上让页脚信息位于页面上自然落下的任何位置,但始终在页面水平滚动时从左侧固定 100 像素。

谢谢你的帮助!

4

1 回答 1

0

我不确定您是否可以完全使用 CSS 来做到这一点。我会制作一个 javascript(或 jquery)函数来检测内容 div(或正文)的大小并将页脚 div 放置在它之后(如果您使用的是 jquery,则使用偏移量,如果不是,则通过操作上边距)。然后你可以在窗口上使用.scroll 方法在用户向右滚动时移动 div 的水平位置。

于 2011-03-27T19:19:03.280 回答