Anchor在Chrome和Safari浏览器中不起作用

我遇到问题：html锚点在Chrome和Safari浏览器中不起作用。该页面下降，而不是上升。我有这样的HTML：Anchor在Chrome和Safari浏览器中不起作用

<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; 
      } 
     } 
    }

有什么不对？此外，这个元素在点击后保持专注。

来源

2015-08-19 trean

你的一些JavaScript似乎失踪了？ – Jay

提供一个像你一样的问题小提琴。 – ebilgin

现在，由于您尚未设置JSFiddle，因此我们很难准确找出您的项目中发生的情况以及期望的结果。但是，我认为，我已经提出了一个small fiddle，可以解决您的问题。

HTML

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

CSS

#to-top { 
    height: 200vh; 
}

项目中的这个问题可能是您试图跳到另一个<a> - 标签，而锚跳跃似乎只与包含id的div一起使用。请尝试我已经添加的小提琴，看看是否将to-top的元素更改为div适合您。

未来，你应该真的把自己的小提琴加入问题。

来源

2015-08-19 13:32:09 Rvervuurt

谢谢。它真的解决了一个问题。此外，我会按照你的意见，我会添加小提琴的问题。 – trean

Anchor在Chrome和Safari浏览器中不起作用

回答

相关问题