2013-05-05 37 views
0

我正在嘗試使頁面滾動到PHP中的模塊。我知道這不是很好描述它,讓我試着做得更好一點。所以我需要在用戶頁面底部有一個大約500X50的框。當用戶向上或向下滾動時,該框仍然在頁面的底部。它隨着每頁說的頁面滾動而移動。我想不出有辦法做到這一點。我只知道PHP和HTML,所以我寧願不必爲此使用js或jquery。如果可能的話,我會喜歡它可以在iframe中完成,但是從我讀到的有關iframe的文檔中,無法單獨使用iframe完成。作爲頁面滾動跟隨的模塊PHP

如果你想知道爲什麼。我爲MyBB論壇編寫了這個代碼,此框將顯示活躍的論壇信息。

+0

你可以用css來做到這一點。 PHP不是必需的。 – datasage 2013-05-05 20:11:42

回答

1

適當的工具是CSS,特別是position:fixed。事情是這樣的:

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

一般來說,CSS比PHP或HTML定義內容應如何顯示(而不是定義什麼內容應該出現)更好。這就是它的目的。您可以在A List Apart閱讀更多關於CSS定位的信息。

0

我想你想描述的是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事實是沒有實際意義在這裏。製作一個ID爲floater的iframe,它可以工作,或者將div放入iframe中。