我有一个问题：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;
}
}
}
怎么了？此外，此元素在单击后仍保持焦点。
现在，由于您尚未设置JSFiddle，因此我们很难准确地了解项目中正在发生的事情以及期望发生的事情。不过，我已经做了一个小的小提琴，我认为，解决您的问题。
的HTML
<div id="to-top"></div>
<a class="button toTop" href="#to-top">Вверх</a>
的CSS
#to-top {
height: 200vh;
}
项目中的问题可能是您试图跳至另一个<a>标记，而锚定跳转似乎仅适用于div包含的id。请尝试我已经添加了小提琴，看看是否改变的元素to-top来div为你的作品。
将来，您确实应该在问题中添加自己的小提琴。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句