Jquery 震动切换效应

我有一个固定高度的div，如下所示。2个问题

1-当我单击“on_click”显示隐藏分区时，它确实显示分区，但由于父分区是固定高度的，我只得到一个滚动条，现在用户必须向下滚动，有没有办法在显示隐藏分区时自动向下滚动

2-当隐藏的div再次被隐藏时（通过点击链接），整个“固定高度”似乎在隐藏div的同时产生了震动。如何使其平滑

很明显，我在使用jquery，这个固定高度的div在jquery工具覆盖div中，基本上这是一个模态对话框

下面是javascript

$('#on_click_show_hidden_div').live('click', function() {
        $('#on_click_show_hidden_div').toggle('slow');
        return false;
    });

  <div id='fixed_height>

    <div id='form-wrapper'>
    <!-- form and form element -->
    <form id='post_form'>
    <a id='on_click_show_hidden_div'></a>
    <div id='hidden_div_with_more_form_elements'></div>
    <input id='submit'/>
    </form>
    </div>

</div>

$（'on#u click_show_hidden_div'）.live（'click'，function（）{
$（“#在_单击_显示_隐藏_分割”）。切换（'slow'）；
返回false；
});
首先，我假设在您的点击事件中，您想用更多的表单元素来切换您的
隐藏分区，而不是链接本身

第二，如果你的html格式合理（即双引号），这将是很有帮助的

第三，如果您提供一些基本的CSS来显示示例html的实际问题，这将非常有用

最后，这里是您想要的：

$('#on_click_show_hidden_div').click(function() {
  $('#hidden_div_with_more_form_elements').toggle('slow', function(){
     var pos = $('#hidden_div_with_more_form_elements').position().top;
     $('#fixed_height').scrollTop(pos);
  });

  return false;
});

下面是一个活生生的例子：

基本上，jQuery提供了您想要做的事情，我在切换动画的回调中使用它（即，在中成功设置动画后滚动到它）.
我不确定如果不发布javascript，你会得到多少帮助。谢谢。它确实解决了第一个问题。但是当div被切换为隐藏时，不和谐仍然会发生。我不确定我是否100%明白你在说什么，这是否有帮助：这是我的代码，我想可能是导致问题的原因是整个事情都被包装在这个文件中覆盖区分区。我看不出覆盖区与未覆盖区有任何区别-您可以编辑此内容：直到它显示您遇到的问题，然后单击“更新”按钮（保存它）？这样我可以看到发生了什么…在这里，我更新了它。当你再次隐藏它时，会有一个闪光。在这个JSFIDLE中，它看起来不像在我的例子中那样糟糕，但你可以看到不和谐的闪光。可能发生的是，在我的网站中，当覆盖第一次显示时，没有滚动条，它的大小适合表格，并且w当隐藏的div出现时，滚动条会出现，当你隐藏它时，滚动条会消失。可能是调整造成的。