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瀏覽器中不起作用

回答

相關問題