gpt4 book ai didi

jquery - 从下向上滑动

转载 作者:行者123 更新时间:2023-12-01 08:08:13 26 4
gpt4 key购买 nike

我得到了 <div>我想从下到上滑动,而不是从上到下。

当我尝试时:$('#div_slide').slideDown(1000); <div>甚至没有表现出来。当我这样做时:

$('#div_slide').slideUp(1000);

它确实有效,但是从最顶部滑动到最底部,我希望它是相反的,从下到上,从底部到顶部打开自己。

我该怎么做?

最佳答案

CSS

 .block {
position: relative;
width: 320px;
height: 260px;
display: block;
background: pink;
margin: 0 auto;
overflow: hidden;
}
.slidemeup{
position: absolute;
bottom: 10px;
left: 10px;
display: none;
width: 260px;
height: 40px;
padding: 20px;
}

HTML

    <div class="block">
<div class="slidemeup">
this will slidedown in revwrse direction</div>
</div>

JS

jQuery(".block").hover(
function(){
jQuery(".slidemeup").slideDown();
},
function(){
jQuery(".slidemeup").slideUp('fast');
});

看看这个工作 jsfiddle这里

关于jquery - 从下向上滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15316222/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com