首頁 > 後端開發 > php教程 > javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

WBOY
發布: 2016-10-11 14:23:36
原創
1138 人瀏覽過

點擊查看作品頁的時候,瀏覽器中的url變化了,頁面不跳轉,但是彈出作品詳情頁,而且左右可以切換作品,這種效果怎麼實現的。

javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

回覆內容:

點擊查看作品頁的時候,瀏覽器中的url變化了,頁面不跳轉,但是彈出作品詳情頁,而且左右可以切換作品,這種效果怎麼實現的。

javascript - 請教一個dribbble網站的問題

javascript - 請教一個dribbble網站的問題

---更新---

查看了一下,更改url是透過Js方法window.history.pushState()實現的,API參考連結描述。例如在目前視窗控制台下輸入:

<code>window.history.pushState('q1000', 'Title', '/q/1000');</code>
登入後複製
即可以更改目前url而不重新載入頁面。
更改標題就簡單了,直接document.title='question100'
這種用戶互動還是值得借鏡的。

看下網路請求就能看出來是怎麼實現的。估計是異步加載?還是HTTP 2?

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板