html - 通过 CSS 平滑返回顶部 Action

Question

我设计了一个简单的网站。它具有移动和桌面 View 。它实际上完成了，但我想添加一点动画，虽然我无法实现。

移动网站底部有一个“向上”链接，可让用户直接转到顶部。我希望该链接能够顺利而不是立即执行上升操作。

如果可能的话，我还想通过 CSS 使用新属性(如动画持续时间等)来实现这一点。我自己也想不通。

这是我的 HTML 中的代码，让用户转到顶部:

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

CSS 到底应该是什么样子才能实现我的需要？

Answer 1

CSS 旨在设置/更改 UI 元素的外观，而不是导航。为了使网站“向上滚动”以使用 CSS 在浏览器中可见，我想您可以使用定时转换使顶部的不可见元素从顶部一直展开，以移动 UI 的所有不可见部分可见，然后隐藏或删除它......即使这样我怀疑你是否能够在没有 JS 的情况下到达那里。