jQuery Mobile系列之Fixed&nb…

原創 lanyanai 2020-02-22 12:24
data-position="fixed">

Fixed Header!
data-position="fixed">

Fixed Header!

固定定位工具欄：data-position="fixed"

全屏工具欄：data-fullscreen = "true"，點擊纔會顯示

工具欄裏最好不要有表單元素

 

 

lanyanai
發佈了71 篇原創文章 · 獲贊 0 · 訪問量 5萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Zepto 使用中的一些注意點

前段時間完成了公司一個產品的 HTML5 觸屏版，開發中使用了 Zepto 這個著名的 DOM 操作庫。 爲什麼不是 jQuery 呢？因爲 jQuery 的目標是兼容所有主流瀏覽器，這就意味着它的大量代碼對移動端的瀏覽器是無用或者低

lanyanai 2020-07-07 12:08:25

最新的IE6、IE7和IE8的CSS BU…

1.普通BUG 這部分的bug 是比較普通的無法歸到其它種類，或是同時屬於多個種類的Bug。   名稱 IE的版本 描述 Hover White Background Ignore Bug IE7 background

lanyanai 2020-07-07 12:08:25

IE8的CSS hack(轉)

“\9″　例:”margin:0px auto\9;”.這裏的”\9″可以區別所有IE和FireFox. “*”　IE6、IE7可以識別.IE8、FireFox不能. “_”　IE6可以識別”_”,IE7、IE8、FireFox不

lanyanai 2020-07-07 12:08:25

雨點效果——HTML5之特效

drop.html內容如下： <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <scri

cangkukuaimanle 2020-06-23 03:01:51

畫布旋轉——HTML5之特效

translate.html內容如下： <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script>

cangkukuaimanle 2020-06-23 03:01:51

CKEditor插件的使用

富文本編輯很多地方需要用到，其中比較有名的是CKEditor，以前叫FCKEditor，雖然百度出的UEditor也比較火，但還是老牌子好用。 首先，去官網http://www.ckeditor.com下載最新版3.6.5的。然後刪除_

cangkukuaimanle 2020-06-23 03:01:51

【html效果】使文字來回移動，當鼠標放上去停止

使文字來回移動，當鼠標放上去停止： <marquee behavior="alternate" οnmοuseοver=this.stop() οnmοuseοut=this.start()> </marquee>

hyjiang071194 2020-06-20 06:05:54

easyui 編寫的登陸框

EasyUI 編寫簡潔的登陸框           1、引入easyui 所以得js和css文件    如下所示： <link rel="stylesheet" type="text/css" href="<%=path%>/eas

zephyr_666 2020-06-14 01:54:26

javascript的showModalDialog彈出後將值賦給父頁面

javascript的showModalDialog彈出頁面將值賦給父頁面 父頁面的html <input type="radio" class="required" name="operate" value="張三" /> <div

zephyr_666 2020-06-14 01:54:26

帶有checkbox的權限樹

效果圖如下所示： 功能說明：當選中父節點時，子節點全部選中，當子節點未全部選中是，父節點處於半選狀態，當子節點全部選中是，父節點同時也跟着選中 源代碼如下所示： <!doctype html> <html lang="zh_cn

zephyr_666 2020-06-14 01:54:26

html+css菜單

1、3D的立體菜單 html文件： <div id="menu"> <a href="#"> Home</a> <a href="#"> Contact Us</a> <a href="#"> Web Dev</a

zephyr_666 2020-06-14 01:54:26

html css選項卡連載

比較的不錯的選項卡連載可以借鑑一下 先看一下效果圖： 具體的html文件： <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"> <table

zephyr_666 2020-06-14 01:54:26

css回到頂部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

zephyr_666 2020-06-14 01:54:26

DIV+CSS 簡單佈局

DIV+CSS 簡單佈局   html代碼如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

zephyr_666 2020-06-14 01:54:26

html+css+table一些比較漂亮的表格

各種不同樣式的css+table 效果圖 具體的html文件 <table id="hor-minimalist-a" summary="Employee Pay Sheet"> <thead> <tr>

zephyr_666 2020-06-14 01:54:26