2011-09-16 43 views
0

我建立一個系統,用戶可以編輯內容內嵌,但該項目的要求是:有沒有辦法維護滾動條的位置在頁面刷新(無Javascript)?

No Javascript!

有隻使用PHP,HTML和CSS上保持滾動條位置的方式一個頁面刷新,所以當點擊一個編輯按鈕時,頁面不會跳到頂部?

有什麼建議嗎?

+3

這是非常通用的。如果你使用哈希URL,這是非常容易的。如果你需要滾動條的確切位置和隨機位置,那麼沒有JS就不可能。 – wisefish

回答

5

這聽起來像是漸進增強的理想場所。如果沒有javascript,那麼使用指定的錨標籤(如Olli提到的)和URL上的散列來讓它關閉(但不會是確切的)。

如果有javascript,則將滾動位置保存爲cookie或URL參數,並在頁面重新加載時準確恢復滾動位置。

在沒有javascript的情況下提供最好的體驗應該沒有什麼壞處,但是當javascript可用時(漸進式增強)提供更好的體驗。

另一種可能性是使用分頁或選項卡式界面(將編輯字段放置在窗口頂部附近),以便在編輯字段時很少出現滾動。

+0

我會離開它只是爲了看看是否有其他人有話要說,但我有一種感覺是你的權利。 – Jai

+0

或者你可以做javascript和純HTML。這將是100%肯定的選擇 – Olli

3

願意這樣做:

<a name="jumphere"></a> 

,當你已經編輯

http://yourUrlHere.com/somepage.php#jumphere 
相關問題