淺談jquery上下滑動的注意事項
更新時間：2016年10月13日 10:23:22 投稿：jingxian
下面小編就為大家?guī)硪黄猨query上下滑動的注意事項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
div：
<div id="pay_box" class="vip_bottom"> fffff </div>
style：
.vip_bottom{position: fixed;
display: none;//注意，先不顯示，點(diǎn)擊某個div后從上向下滑動,默認(rèn)時none,這樣才會有滑動效果
bottom:0px;//按照正常顯示的時候?qū)?
width: 100%;
box-sizing: border-box;
height:80px;
}
js：
$(".box_price").click(function(){
$(".vip_bottom").slideDown(500);//slideUp()
});
以上就是小編為大家?guī)淼臏\談jquery上下滑動的注意事項全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
JQuery獲取各種寬度、高度(format函數(shù))實(shí)例
本例除了使用標(biāo)準(zhǔn)的JQuery類庫外，還添加了自定義的函數(shù)來進(jìn)行字符串的format操作。2013-03-03
Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實(shí)現(xiàn)代碼
這篇文章主要介紹了Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實(shí)現(xiàn)代碼,實(shí)現(xiàn)滑動緩沖的方式實(shí)現(xiàn)頁內(nèi)導(dǎo)航，用戶體驗大大提升需要的朋友可以參考下2015-04-04
淺析jquery如何判斷滾動條滾到頁面底部并執(zhí)行事件
jquery如何判斷滾動條滾到頁面底部并執(zhí)行事件？下面小編就為大家?guī)硪黄猨query判斷滾動條滾到頁面底部并執(zhí)行事件方法。希望對大家有所幫助，一起跟隨小編過來看看吧2016-04-04
用jQuery實(shí)現(xiàn)可輸入多選下拉組合框?qū)嵗a
這篇文章主要介紹了用jquery實(shí)現(xiàn)可輸入多選下拉組合框的實(shí)例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
JQuery 浮動導(dǎo)航欄實(shí)現(xiàn)代碼
JQuery 浮動導(dǎo)航欄實(shí)現(xiàn)代碼，具體的可以根據(jù)需要自己修改。2009-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery表單元素選擇器代碼實(shí)例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jquery實(shí)現(xiàn)異步文件上傳ajaxfileupload.js
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)異步文件上傳ajaxfileupload.js，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了jQuery中:checkbox選擇器用法,實(shí)例分析了:checkbox選擇器的功能、定義及匹配復(fù)選框的使用技巧,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)點(diǎn)擊按鈕彈出可關(guān)閉層的浮動層插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕彈出可關(guān)閉層的浮動層插件,具有點(diǎn)擊彈出帶有遮罩層的浮動層效果,且浮動層可拖動、可關(guān)閉,需要的朋友可以參考下2015-09-09
jQuery的promise與deferred對象在異步回調(diào)中的作用
這篇文章主要介紹了jQuery的promise與deferred對象在異步回調(diào)中的作用,需要的朋友可以參考下2016-05-05