jquery - 使用 JQuery 向上/向下滑动直到达到一定高度 - 这可能吗？

Question

是否可以向上滑动 div(关闭它)但不能完全滑动？

我的意思是，向上滑动但保留显示该 div 的一部分，这可能吗？

提前致谢，内存

Answer 1

像这样的东西可能会起作用:

$("#div").toggle(
function(){
   $("#div").animate( { height:"500px" }, { queue:false, duration:500 });
},
function(){
   $("#div").animate( { height:"50px" }, { queue:false, duration:500 });
});

它可以只是 div 的原始大小，而不是 500px，而 30px 可以是您想要隐藏时要显示的大小。

评论更新

这是一个 fiddle ，显示如果在变量中声明它可以允许不同的高度。动画后淡出应该不是问题。

http://jsfiddle.net/Skooljester/HdQSX/

var divTest = $("#test").height();
$("#test").toggle(
function(){
   $("#test").animate({ height: divTest + 'px' }, { queue: false, duration: 500 });
},
function(){
   $("#test").animate({ height:'50px' }, { queue: false, duration: 500 });
});

#test {
  display: block;
  background: #FF0000;
  height: 500px;
  width: 300px;
}

<div id="test">Test</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>