簡體   English   中英

Javascript 幫助,切換文本不斷跳回到頁面頂部

[英]Javascript help, toggle text keeps jumping back to top of page

我希望有人可以幫助解決這個問題,我已經嘗試了很多腳本和解決方法,但無法讓這個簡單的事情發揮作用。 正如標題所說,我怎樣才能讓我的文字不跳到頁面頂部。 這是代碼:

<script type="text/javascript">
function toggleVisibility() {
  document.getElementById("toggleMe").style.display = "";
  if(document.getElementById("toggleMe").style.visibility == "hidden" ) {
    document.getElementById("toggleMe").style.visibility = "visible";
  }
  else {
  document.getElementById("toggleMe").style.visibility = "hidden";
   ev.preventDefault();
    return false;

  }
}
</script>



 <a href="#" onclick="toggleVisibility();">Click to toggle visibility.</a></p>
 
<div id="toggleMe" style="visibility: hidden;"> Something to Hide and show.

顯示會折疊其布局,而可見性將保持其布局。

都在同一個 html 文件中。 我閱讀了外人所做的事情,並嘗試了

ev.preventDefault(); 返回假;

函數末尾的代碼,但什么也沒有。

A標簽中的href屬性改為: javascript:; 而不是#

因此,使用它來創建啟用 javascript 的錨點:

<a href="javascript:;">

添加(背景信息):

#字符表示書簽。 通過省略書簽的名稱,例如#bottom ,瀏覽器#bottom書簽視為“頁面頂部”,從而滾動到頂部。 您的問題與書簽無關,但是使用#為啟用錨點 ( A ) 標簽的 javascript 定義鏈接不是可行的方法。 你應該使用: javascript:; javascript:void(0); 表示這不是導航錨點。

或者只是總是返回 false,而不僅僅是在 Else 子句中。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM