Making dropdown menu in html & css with javascript or jquery

Question

这是我在<li class="drop-down"><a href="#"></a></li>然后我在页面中的位置在底部，然后当我单击它时 -> drop-向下 <- 然后我的页面在顶部，我该如何解决这个问题，我的导航栏是固定位置。

Answer 1

It is the normal behaviour of any browser, that it will navigate to the top of your page if you click on an anchor that's href ttirbute is a hash "#". If you want to prevent this behaviour, please leve the hash away, or prevent it by using Javascript.

Answer 2

href="#"

casuses that issue for you. Try linking it to an actual item in your page. Or what you could do:

href="#!"

or a third option:

href="#" class="stop"

with jQuery

$('.stop').click(function(e) {
    e.preventDefault();
});

Answer 3

You can use the following without JavaScript

<a href="javascript:;>My link</a>

Or

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