删除slideDown()动画末尾的跳转/跳转

Question

首先，我知道有另一篇关于同一主题的帖子，但答案对我不起作用……

我正在为我的网站创建一个服务面板：http://jagdogweb.com/，在最后它在每个窗格的左下角都有一个可见的jerk…

请帮帮我。

http://jagdogweb.com/#services

Answer 1

您可以使用CSS修复此问题：

BODY {
 overflow-y: scroll;
}

发生跳转是因为滚动条根据页面高度而消失。此CSS规则将确保始终为滚动条显示像素。

Answer 2

问题是当slideDown的元素是隐藏的和/或有填充的时候。要解决此问题，请确保未隐藏，以便可以通过jQuery轻松计算动画的高度。为此，用以下命令包装父DIV中的元素

height:0;overflow:hidden;

所以你想要slideDown的元素是隐藏的，但是没有隐藏CSS，并且它的高度仍然是100%，可以用于slideDown中的jQuery动画。您可以将父元素(其高度为0)设置为子元素的完整高度，而不是slideDown。

如下所示：

   $('.slideToggler').on('click', function() {
        var n = $(this).next();
        var h = n.find('.slidePanel:nth-child(1)').height();
        if(n.height() > 0) {
            n.animate({height:0});
        } else {
            n.animate({height:(h+padding)});
        }
    });