jquery - 单击它时，Div 没有正确向上滑动

Question

我有一个 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>

有什么建议么？

Answer 1

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

阅读更多

基本的 jQuery slideUp 和 slideDown 让我发疯！

Answer 2

尝试event.preventDefault()

这里

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