CSS - 在左/右横向滚动

页的最下方固定的元素我有一个网站使用该脚本水平滚动： http://tympanus.net/Tutorials/WebsiteScrolling/index.html CSS - 在左/右横向滚动

有时用这个版本我结束了一个垂直滚动条，因为根据根据用户的分辨率，副本可能会沿着页面的可见部分向下延伸。

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

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

不做我想要的，因为页脚会覆盖网站的副本。

所以我也尝试过这样的事情：

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

这也没有工作，因为信息仍然始终被推离页面的可见部分。

因此，我正在寻找一种解决方案，让页脚信息基本放在页面上的任何位置，但始终在页面水平滚动时固定为100px。

感谢您的帮助！

来源

2011-03-27 coopertrooper

哪个浏览器？ – harpo 2011-03-27 19:05:15

希望能够在现代浏览器IE8 +，FF，Safari，Chrome中工作。 – coopertrooper 2011-03-27 19:13:55

我不确定你完全可以用CSS做到这一点。我会做一个javascript（或jquery）函数来检测内容div（或body）的大小，并在你的页脚div后面定位（如果你使用的是jquery，或者如果没有，则通过操纵上边距来使用offset）。然后，您可以使用窗口上的.scroll method在用户向右滚动时移动div的水平位置。

来源

2011-03-27 19:19:03 tkm256

谢谢你的帮助。我想这也必须通过JS来完成。我最终使用margin-top将其放置在页面上，然后在$（window）.scroll函数中使用jquery的animate和scrollLeft。 – coopertrooper 2011-03-28 18:24:13

CSS - 在左/右横向滚动

回答

相关问题