Javascript 流体滑动面板：使其在加载时工作，并在使用计算值调整大小后工作？

我试着把一个面板放在一起，它应该考虑到加载时窗口的内部宽度以及大小：根据实际窗口大小，面板应该向左/向右移动窗口宽度的四分之一。 到目前为止，我设法绕过了用户调整窗口大小时发生的多个调整大小事件，thx为

但是作为一个完全的javascript新手，我还没有找到解决方案来阻止我用来存储窗口宽度值和偏移量的变量获取所有连续计算的值。 总比冗长而不清楚的解释好，请参见JSFIDLE

我的问题是：我应该重置变量（如何和何时）还是尝试获取最后一个值（再次强调：如何和何时）？

---

谢谢您的帮助；-）

如果我不完全理解您在这里寻找的是什么，请纠正我，但在我看来，您可能使它变得比需要的更复杂。 看起来您可以继续使用%并只使用以下功能：

 $('.showMenu').click(function(){
            $('#navPanel').animate({left: 0}, 400); 
            });

            $('.hideMenu').click(function(){
            $('#navPanel').animate({left: "-20%"}, 400); 
            }); 

---

如这里所示：

你完全正确。。。这不是%：-）的全部意义吗？谢谢

 $('.showMenu').click(function(){
            $('#navPanel').animate({left: 0}, 400); 
            });

            $('.hideMenu').click(function(){
            $('#navPanel').animate({left: "-20%"}, 400); 
            });