如何在不将页面滚动条重置为顶部的情况下使用 jQuery 为固定 div 设置动画

Question

第一次发帖，请善待;-)

我在页面正文中有一个固定的“菜单”div，大部分隐藏在“屏幕外”的右侧边距中，其初始顶部和右侧在 CSS 中设置为仅显示一个“句柄”。

div 可以滚动页面内容，并且我引入了 jQuery 的动画功能，以便在需要时将这个 div 滑出边缘并返回 - 当点击句柄时。这是一个简单的脚本，简化为...

var x = document.getElementById('menu');
if (x.style.right == '0px') {

        $j("#menu").animate({
            right:'-148px'
        });
    } else {

        $j("#menu").animate({
            right:'0px'
        });
    }

问题在于，每当此菜单 div 动画被触发为“打开”或“关闭”时，页面都会重置为顶部（其滚动条位置会重置）。我尝试添加代码来捕获和重置滚动条位置，但这会在页面上引入“闪烁”效果。

关于如何在不影响页面滚动位置的情况下触发动画的任何线索？

最好的，

基思..

Answer 1

在点击事件末尾添加return false或将链接的href设置为href="javascript:void(0)"