0

我正在尝试制作一个跟随 PHP 页面滚动的模块。我知道这不是很好地描述它，让我试着做得更好一点。所以我需要在用户页面的底部有一个大约 500X50 的框。当用户向上或向下滚动时，该框仍位于页面底部。它随着页面滚动而移动。我想不出办法来做到这一点。我只知道 PHP 和 HTML，所以我宁愿不必为此使用 js 或 jquery。如果可能的话，我希望它能够在 iframe 中完成，但是从我阅读的有关 iframe 的文档中，它不能单独使用 iframe 完成。

如果你想知道为什么。我正在为 MyBB 论坛编写此代码，此框将显示活跃的论坛信息。

4

2 回答 2

1

合适的工具是 CSS，特别是position:fixed. 像这样的东西：

#your-box {
     width:500px;
     height:50px;
     position:fixed;
     bottom:0;
}

一般来说，CSS 在定义内容应该如何出现（而不是定义应该出现什么内容）方面优于 PHP 或 HTML 。这就是它的用途。您可以在A List Apart阅读更多关于 CSS 定位的信息。

于 2013-05-05T20:11:32.423 回答
0

I think what you're trying to describe is position:fixed. I've put a sample here on JSfiddle, core CSS for styling the floating box and centering it horizontally on the bottom:

#floater {
    position:fixed;
    bottom:10px;
    color:white;
    text-align:center;
    height:1.5em;
    width:400px;
    left:50%;
    margin-left:-200px;
    background:navy;
    border:1px solid blue;
    box-shadow:2px 2px 2px rgba(0,0,0,0.25);
}

For completion's sake - the fact that I used a div is moot here. Make an iframe with id floater and it'll work the same, or put an iframe inside the div.

于 2013-05-05T20:15:28.437 回答