[英]how to prevent javascript div popup from jumping back to the top of the page?
[英]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.