Question

我创建了一些滑动菜单，一切都很好，没有一个小问题。当我滑动菜单时，我会自动转到页面顶部（幻灯片效果很好，但是当我尝试打开菜单时，当我滚动页面时，为什么我会被移到页面顶部，当我' m不是顶级？）

菜单的位置是固定的，所以当我在页面中心时，我可以滑动它。简而言之：我想滑动我的菜单而不会自动跳到页面顶部（当我这样做时）。

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我幻灯片菜单的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

div（back_sidebar和arrowleft）位于<a href="#"></a>个标记之间，链接“＃”导致问题。

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

JS菜单滑动（总是跳转到页面顶部）

1 个答案: