通过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畅通顶级动作

回答

相关问题