如何使向上滑动停止在某个高度答案

【问题标题】：How to make SlideUp stop at acertain height如何使向上滑动停止在某个高度
【发布时间】：2011-11-23 18:34:06
【问题描述】：

我正在使用 slideUp 和 slideDown 插件。我想知道如何才能使 div 只向上滑动到某个高度。

第二个问题如何使我的同一个按钮成为 div 上下滑动的目标？

这是我目前正在尝试使用的内容

$(document).ready(function() {

  $("#toggle").click(function(){
     $("#Menu").slideDown( 'slow', function(){ 
         $(".log").text('Slide Down Transition Complete');
      });
  });

  $("#toggle").click(function(){
     $("#Menu").slideUp('slow', function(){ 
         $(".log").text('Slide Up Transition Complete');
      });
  });

});

【问题讨论】：

标签： jquery slideup

【解决方案1】：

在这种情况下，您可以为 slideUp 创建自定义动画。假设你想滑动到 20px 的高度：

$("#toggle").click(function(){
    $("#Menu").animate({height: 20}, 'slow', function(){ 
        $(".log").text('Slide Up Transition Complete');
    });
});

【讨论】：

每个人都忘记了动画属性中的像素！你需要{height: '20px'}；另外，很好的答案；）
它总是在没有 'px' 的情况下工作。看看这个：jsfiddle.net/timing/mydRQ/1
谢谢你，而且......虽然它似乎接近我需要的它仍然不能正确执行。这是 URL 文件：///Users/gregtaylor/Desktop/CAITMIZZI.COM/test.html
@timing - 它可以在没有像素的情况下工作，因为您的浏览器很友好；你正在定义一个 CSS 属性，记住，它们总是需要有效的单位。
@Kato：jQuery 附加了 'px' 本身，参见 jquery 1.7.1 中的第 8440 行（以及其他一些）

【解决方案2】：

   $("#toggle").click(function(){
      var down = $('#Menu').css('height') == '100px';
      if( down ) {
         $('#Menu').animate( {height: '500px'}, 'slow', function(e) {
            $(".log").text('Slide Down Transition Complete');
         });
      }
      else {
         $('#Menu').animate( {height: '100px'}, 'slow', function(e) {
            $(".log").text('Slide Up Transition Complete');
         });      
      }
   });

【讨论】：

再次感谢...这似乎更接近了。由于某种原因，它仍然一团糟。动画并没有完全停止……它只是有点闪烁。最终我希望看到的是菜单向上滑动，只留下蓝色切换选项卡可见，恰好是 25 像素。然后单击同一选项卡并返回菜单。这里又是 url file:///Users/gregtaylor/Desktop/CAITMIZZI.COM/test.html