jQuery:从下到上滑动 [英] jQuery: Slidetoggle from bottom to top
本文介绍了jQuery:从下到上滑动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用jQuery的slidetoggle,我想知道是否有一种方法可以让它从底部向上滑动,我看到的任何地方似乎无法找到答案,这里是我正在使用的代码:
I am using jQuery's slidetoggle, and I am wondering if there is a way I can make it slide up from the bottom, everywhere I look I cant seem to find the answer, here is the code I am using:
jQuery(document).ready(function(){
jQuery(".product-pic").hover(function(){
jQuery(this).find('.grid-add-cart').slideToggle('2000', "easeOutBack", function() {
// Animation complete.
});
});
});
推荐答案
你想实现像 这个 ?
Do you want to achieve something like this?
HTML
<div id="box">
<div id="panel">
</div>
</div>
CSS
#box
{
height: 100px;
width:200px;
position:relative;
border: 1px solid #000;
}
#panel
{
position:absolute;
bottom:0px;
width:200px;
height:20px;
border: 1px solid red;
display:none;
}
JS
$("#box").hover(function(){
$("#panel").slideToggle();
}, function(){
$("#panel").slideToggle();
});
根据 Roko 建议的更新或
var panelH = $('#panel').innerHeight();
$("#box").hover(function(){
$("#panel").stop(1).show().height(0).animate({height: panelH},500);
}, function(){
$("#panel").stop(1).animate({height: 0},500, function(){
$(this).hide();
});
});
这篇关于jQuery:从下到上滑动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文