单击 div 时，锚定 #Tag 将整个页面向上移动

Question

I am facing a problem with #tag . I have 6 div on the page. Each div has some 9 div which have hidden content and displayed when their related thumbnails are clicked.The problem is that entire page moves up when thumbnail of the 3 - 4 or 5 - 6 div are clicked. I have div in below order

<br> 1  2 <br>
3 4<br>
5 6<br>

Please can somebody answer what may be the issue.

Answer 1

#tage is you used for to single page link. So if there is no id found in your page then it will jump to body tag so use javascript instead of using # like bellow.

<a href="javascript:void(0);" ></>

Answer 2

If you are using click event on anchor tag, give href as href="#" . If you don't mention href , page will scrolled to top on click.

Answer 3

试试吧 它不会将您的页面滚动到顶部。

href="javascript:void(0)" onclick="yourFunction();"