javascript - anchor 在 chrome 和 safari 浏览器中不起作用

Question

我有一个问题:html anchor 在 chrome 和 safari 中不起作用。页面向下而不是向上。 我有这个 HTML:

<a id="to-top"></a>
<a class="button toTop" href="#" onclick="document.getElementById('to-top').scrollIntoView(true);return false;">Вверх</a>

这段 JavaScript 代码:

var topScreen = window.pageYOffset ? window.pageYOffset : document.body.scrollTop;
        var myScreen = screen.availHeight;
        if(topScreen > (myScreen / 3)) {
            $(".toTop").fadeTo(0, 1.0);
        }
        else {
            $(".toTop").fadeTo(0, 0);

SCSS:

.toTop {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999999;
        transition: opacity 1s ease-out;
        outline: none;
        &:hover {
            transition-delay:0s;
        }
        a {
            color: #fff;
            text-decoration: none;
            &:hover {
                color: #000;
            }
        }
    }

出了什么问题？此外，该元素在单击后保持焦点。

Answer 1

现在，由于您还没有设置 JSFiddle，我们很难准确地弄清楚您的元素中发生了什么以及预期发生什么。不过，我做了一个small fiddle我认为这可以解决您的问题。

HTML

<div id="to-top"></div>
<a class="button toTop" href="#to-top">Вверх</a>

CSS

#to-top {
    height: 200vh;
}

您元素中的问题可能是您试图跳转到另一个 <a> -tag，而 anchor 跳转似乎仅适用于 div包含 id 的。请尝试我添加的 fiddle ，看看是否更改 to-top 的元素至div适合你。

将来，您确实应该在问题中添加自己的 fiddle 。