**[url=給力技術[/url]
我們瀏覽**的時候，經常能看到固定在頁面中且不會隨著滾動條滾動的div層，這樣的浮動效果可通過portamento這個jquery外掛程式實現。
jquery外掛程式實現div浮動在頁面固定位置中
portamento是乙個輕量級的jquery外掛程式，它具有簡單並且容易使用的特點。使用此外掛程式，只需一行**便可實現網頁元素浮動於固定位置的效果。它會檢測瀏覽器大小是否足以顯示浮動層，如果過小將不會浮動顯示。portamento也提供了幾個引數可供設定，定製性也是比較高的。
如何使用
此外掛程式的使用方法其實很簡單，首先要引入jquery庫和portamento外掛程式，如下
對需要設定浮動的元素新增必要的css樣式，**如下(sidebar即為浮動的元素)
#portamento_container
#portamento_container #sidebar
#portamento_container #sidebar.fixed
最後初始化即可，完整**可檢視文後的演示
$('#sidebar').portamento();
[url=""]檢視演示[/url]
jQuery外掛程式編寫的固定格式
jquery之所以盛行，很大程度上 於開發社群驅動的外掛程式生態系統。乙個頂級jquery開發人員必須具備這樣的技術 能夠使用使用者自定義方法擴充套件jquery。封裝物件方法的外掛程式 原型擴充套件 封裝全域性函式的外掛程式 靜態擴充套件 選擇器外掛程式 外掛程式的命名規範 jquery.外掛程式...
固定轉浮動DIV
固定轉浮動div 類似 商品頁面中，商品詳情 累計評價的 導航條，最初在頁面內固定，之後隨著滾動條滾動導航條始終浮動在頁面頂部 頂部 返回頂部 滾動條滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 滾動條滾動條 固定div...
編寫jQuery外掛程式 實現返回頂部外掛程式
國慶過去一周多了，作為it界的具有嚴重 工作狂 性質的宅人，居然還沒走出玩耍的心情，拖了程式猿的腳後跟了。最近工作不順，心情不佳，想吐槽下公司，想了還是厚道點，以彼之道還施彼身，覺得自己也和他們同流合汙了！就做個 沉默 的程式猿吧！總有一天會猿球崛起 嘿嘿。牢騷到底為止，好的心情才是重要的，本來猝死...