javascript - JS 切换菜单充当返回顶部按钮？

Question

我有一个切换菜单按钮，使用 JS 来切换开/关。直到最近我才注意到它也充当返回顶部功能，如果我在远离页面顶部时切换菜单，它会立即将我带到页面顶部。不知道到底为什么，因为我是个 JS 菜鸟。如果有人能帮忙解决这个问题，我将不胜感激。

    <!--HTML MARKUP-->
    <header class="menu">
        <a href="#" onclick="toggle_visibility('drop-menu-content');">
            <div id="drop-menu">
                <i class="fa fa-bars"></i>
            </div>
        </a>
            <ul id="drop-menu-content">
            </ul> 
    </header>

    <!--Javascript Below-->
    <script>
    function toggle_visibility(id) {
        var e = document.getElementById(id);
        if(e.style.display == 'block')
        e.style.display = 'none';
        else
        e.style.display = 'block';
    }
    </script>

谢谢!

Answer 1

此处不涉及链接，因此替换 <a>与 <button>并摆脱 href="#" .