更改顯示屬性將頁面滾動到頂端

Question

我在使用Javascript更改對象顯示屬性時遇到問題。

我填補數據表中使用php一個mysql數據庫，併爲每一行這讓我想一個DIV與display:none財產，我有一個簡單的JavaScript函數來顯示/隱藏div。 這裏是css爲div：

display:none; /*initially menu item is hidden*/ 
position: absolute; /*absolute positioning to float*/ 
background-color:#fff; 
width:230px; 
min-height:120px; 
right:60px; 
border:5px solid #ccc; 
text-align:right; 
direction:rtl; 
padding:10px; 
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 

，這是JavaScript：

function showfield (a) { 
    document.getElementById(a).style.display = "block"; 
} 
function hidefield (a) { 
    document.getElementById(a).style.display = "none"; 
} 

功能的工作原理和申報單顯示，在他們必須在地方，但問題是：

當我調用JavaScript函數顯示，它顯示的div，但頁面滾動到頂部，並看到打開的div我應該向下滾動，因爲我的頁面是一個報告頁面，它可能是一個很長的頁面，這不是一個好happeni一切！

我不明白爲什麼會發生這種情況，是否有辦法阻止這種自動滾動？

Answer 1

請嘗試以下代碼，它爲我工作。

<script> 
function showfield(a) 
    { 
    document.getElementById(a).style.display = "block"; 
    } 
    function hidefield(a) 
    { 
     alert(a); 
    document.getElementById(a).style.display = "none"; 
    } 
</script> 
<a href="javascript:void(0)" onclick="showfield('myid')">show</a> 
<a href="javascript:void(0)" onclick="hidefield('myid');">hide</a> 

<div id="myid">test content goes here</div> 

Answer 2

試試這個THN ....

的HTMl

<a style="text-decoration:none; color:black;" href="#<?php echo("a".$cntr); ?>" onclick="return showfield(<?php echo($cntr); ?>)"><?php echo($cntr); ?></a> 

JAVASCRIPT

function showfield(a){ 
    document.getElementById(a).style.display = "block"; 
    return false; 
}