html - 带慢速动画的链接（仅限 CSS）

Question

我有一个简单的

<a href="#header">Back to Top</a>

这让我立即登上了页面的顶部。但我希望它只用 CSS 慢慢地进入页面顶部。

这可能吗？提前致谢。

编辑：好的，对于任何有同样问题的人。它用这个 JQuery 做到了：

// #btt is ID of the Back to Top Link
    $("#btt").click(function () {
    //html and body is used because of Browser compatibilit
    $("html, body").animate({scrollTop: 0}, 1000);
    });

Answer 1

抱歉，您无法激活纯 CSS 滚动等操作。你需要一些 jQuery 在那里。

你可以做的是欺骗用户认为页面已经通过在 :hover 上使用 CSS 移动元素来滚动，但这是一个非常糟糕的做法，并且需要比简单的 jQuery 函数更多的编码。