通過CSS暢通頂級動作

我設計了一個簡單的網站。它有兩個移動&桌面視圖。它實際上已經完成，但我想添加一點動畫，但我無法實現。通過CSS暢通頂級動作

移動網站底部有一個'go up'鏈接，讓用戶直接跳到頂部。我希望這個鏈接能夠順利地執行那些上行動作，而不是立即執行。

我也想通過CSS來實現這一點，如果可能的話，像動畫持續時間等新的屬性，我無法弄清楚我自己。

這裏是我的HTML代碼，它可以讓用戶去頂：

<li class="top"><a href="#home"><span>⇧</span>Top</a></li>

究竟應該怎樣它的CSS是想實現我需要什麼？

來源

2012-03-23 Can Sürmeli

[有沒有辦法滾動到錨點，而不是使用JavaScript跳轉（類似於平滑滾動）]（http://stackoverflow.com/questions/6451193/is-there-way-to-scroll-to -anchor-rather-jump-with-javascript-something-lik） – 2012-03-23 18:19:15

我不認爲你可以在CSS中做到這一點。這可能需要JavaScript解決方案。這個頁面我認爲可以提供幫助。觀看演示並點擊底部的「垂直滾動」鏈接。我認爲那就是你的追求。 http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ – jmbertucci 2012-03-23 18:20:45

CSS旨在設置/更改您的UI元素的外觀，而不是導航。爲了使站點「向上滾動」在瀏覽器中使用CSS可見，我想你可以使頂部的一個不可見元素從頂部一直使用定時過渡展開，以便將UI的所有不可見部分移動到可見狀態，然後隱藏或刪除它...甚至這樣我懷疑你能夠在沒有JS的情況下到達那裏。

來源

2015-12-15 21:50:17 Zilvinas

通過CSS暢通頂級動作

回答

相關問題