单击它时，Div 没有正确向上滑动答案

【问题标题】：Div is not sliding up correctly when clicking on it单击它时，Div 没有正确向上滑动
【发布时间】：2013-03-27 18:03:19
【问题描述】：

我有一个 div 在单击按钮/链接后向上滑动，但它似乎先稍微向下移动然后备份，这使它看起来有点奇怪。单击按钮/链接时，它应该只是向上滑动而不是先向下移动。

这是我正在使用的 jquery 代码：

 $(document).ready(function($){
    $('#hide_cookie').click(function() {
      $('.cookie').slideUp('slow', function() {
        // Animation complete.
      });
    });
});

这是html代码：

<div class="cookie">
    <div class="container_12">
        <span>header here</span>
        <p>tex there</p>
    </div>
    <div class="button">
       <a href="#" id="hide_cookie" class="read-more">Continue</a>
    </div>
</div>

有什么建议吗？

【问题讨论】：

可能重复：stackoverflow.com/questions/1092245/…（可能是同一个问题）。
谢谢，我发现它很有用！！！为 div 添加 max-height 解决了问题！
你应该添加这个作为答案！
很高兴我能帮上忙。已添加。

标签： jquery

【解决方案1】：

元素需要有一个高度属性。否则 jQuery 不会做出流畅的动画。

了解更多

Basic jQuery slideUp and slideDown driving me mad!

【讨论】：

【解决方案2】：

试试event.preventDefault()

这里

 $('#hide_cookie').click(function(e) {
  e.preventDefault();
  $('.cookie').slideUp('slow', function() {
    // Animation complete.
  });
});

【讨论】：