Question

我正在尝试使用PHP中的页面滚动来创建一个模块。我知道描述它并不是那么擅长，让我尝试做得更好一点。所以我需要在用户页面底部有一个大约500X50的盒子。当用户向上或向下滚动时，框仍然在页面的底部。它会随着页面滚动而变化。我想不出办法做到这一点。我只知道PHP和HTML，所以我宁愿不必使用js或jquery。如果可能的话我会喜欢它可以在iframe中完成，但是从我读过的关于iframe的文档来看，单凭iframe无法完成。

如果您想知道原因。我正在为MyBB论坛编写此代码，此框将显示活动的论坛信息。

Answer 1

适用于此的工具是CSS，特别是position:fixed。像这样：

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

通常，CSS比PHP或HTML更好地定义内容应该如何显示（而不是定义应该出现的内容）。这就是它的用途。您可以在A List Apart了解有关CSS定位的更多信息。

Answer 2

我认为你要描述的是position:fixed。我已经放置了一个sample here on JSfiddle核心CSS来为浮动框设置样式并将其水平居中放在底部：

#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);
}

为了完成起见 - 我使用div的事实在这里没有实际意义。制作一个标识为floater的iframe，它的工作方式相同，或者将iframe放入div中。

作为页面滚动PHP的模块

2 个答案: