Question

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

1 - 当我点击'on_click“show_hidden_div'它确实显示了div，但由于父div是固定高度，我只是得到一个滚动条，现在用户必须向下滚动，任何方式自动向下滚动隐藏的div显示？

2 - 当隐藏的div再次被隐藏时（通过点击链接），似乎整个'fixed_height'有点震动，而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>

Answer 1

首先，我要假设在您的点击事件中，您打算切换hidden_div_with_more_form_elements，而不是链接本身。

其次，如果你格式化你的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;
});

以下是一个实例：http://jsfiddle.net/ryleyb/ewehW/

基本上，jQuery的scrollTop提供了你想要做的事情，我在切换动画的回调中使用它（即在成功动画后滚动到它）。

刺痛的翻转效果

1 个答案: