Question

我有一个问题：html锚点在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

NoInitialContextException

<强> CSS

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

您项目中的问题可能是您尝试跳转到另一个#to-top { height: 200vh; } - 标记，而锚跳转似乎只适用于包含<a>的{{1}} 。请尝试我添加的小提琴，看看将div的元素更改为id是否适合您。

将来，你应该为问题添加自己的小提琴。

Anchor在chrome和safari浏览器中不起作用

1 个答案: