div:
<div id="pay_box" class="vip_bottom"> fffff </div>
style:
.vip_bottom{position: fixed;
display: none;//注意,先不顯示,點擊某個div後從上向下滑動,默認時none,這樣才會有滑動效果
bottom:0px;//按照正常顯示的時候寫
width: 100%;
box-sizing: border-box;
height:80px;
}
js:
$(".box_price").click(function(){
$(".vip_bottom").slideDown(500);//slideUp()
});
以上就是小編為大家帶來的淺談jquery上下滑動的注意事項全部內容了,希望大家多多支持~