我创建了一些滑动菜单,一切都很好,没有一个小问题。当我滑动菜单时,我会自动转到页面顶部(幻灯片效果很好,但是当我尝试打开菜单时,当我滚动页面时,为什么我会被移到页面顶部,当我' 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;
}
答案 0 :(得分:3)
div(back_sidebar
和arrowleft
)位于<a href="#"></a>
个标记之间,链接“#”导致问题。
我通过将<a href="#">
更改为<a style="cursor: pointer;">
来修复它(我想要一个游标链接)。