JS菜单滑动(总是跳到页面顶部)

Question

我创建了一些滑动菜单，所有的工作都很好，没有一个小问题。当我滑动菜单时，我会自动转到页面顶部(滑动效果很好，但为什么当我试图打开菜单时，当我滚动页面时，当我不在顶部时，我会被转移到页面顶部？)

菜单的位置是固定的，例如，当我在页面中心时，我可以滑动它。所以简而言之:我想滑动我的菜单，而不是自动跳到页面顶部(当我这样做的时候)。

js的代码：

    <script>
    jQuery('.arrowleft').click(function () {
      jQuery(".other_sidebar_background").css("display", "block");  
      jQuery(".other_sidebar").toggle("slide");
    });

    jQuery('.back_sidebar').click(function () {
      jQuery(".other_sidebar").toggle("slide");  
    });

</script>

当我单击.arrowleft div中的图像时，我的菜单就会显示出来(当我单击.back_sidebar div中的图像时，菜单就隐藏了)。我的幻灯片菜单的.other_sidebar_background和.other_sidebar it div。

    .other_sidebar {
       z-index: 999999 !important;
       display: none;
       background: rgba(21,21,21,0.98);
       z-index: 9999;
       height: 100%;
       position: fixed;
       width: 270px;
       padding: 10px;
}

.other_sidebar_background {
       display: none;
       background: #2c2c2c;
}

Answer 1

divs (back_sidebar和arrowleft)位于<a href="#"></a>标签之间，而链接"#“导致了问题。

我通过将<a href="#">更改为<a style="cursor: pointer;">来修复它(我想要一个光标链接)。