Question

嘿伙计们，我希望有人可以帮助解决这个问题，我已经尝试了很多脚本和解决方法，但是无法让这个简单易用。正如标题所示，我怎样才能使我的文字不会跳到页面顶部。这是代码。

<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（）; 返回false; 代码在函数的末尾，但没有。

谢谢！

Answer 1

将href代码中的A属性更改为：javascript:;而不是#

所以使用它来创建启用javascript的锚点：

<a href="javascript:;">

已添加（背景信息）：

#字符表示书签。通过省略书签的名称，例如#bottom浏览器将书签视为“页面顶部”，从而滚动到顶部。您的问题不必对书签执行任何操作，但是使用#为javascript启用锚点（A）标记定义空链接不是可行的方法。您应该使用：javascript:;或javascript:void(0);来表明这不是导航锚。

Answer 2

或者只是总是返回false，而不只是在Else子句中。

Javascript帮助，切换文本不断跳回页面顶部

2 个答案: