標籤：
position:fixed的瀏覽器裡效果不是很好（例如 IE6、iOS4），可以在參數中設定disableWorkaround: true來禁止對這類瀏覽器的支援；</head>之後</body>之前，否則有可能會報錯：Cannot call method ‘replace‘ of undefinedgithub地址
執行個體預覽 no limit 基礎樣本
執行個體預覽 No workaround 不支援舊的瀏覽器
執行個體預覽 Bigger gap 設定邊距
執行個體預覽 Absolute with bottom limit 在絕對位置布局中設定父容器
執行個體預覽 Floated with bottom limit 在浮動布局中設定父容器
使用方法載入 JavaScript 檔案<script src="jquery.js"></script> <script src="jquery.portamento.js"></script> /* 預設時的樣式 */ #sidebar{} /* 載入 Portamento 成功後的樣式 */ #portamento_container{position:relative;z-index:99;} #portamento_container #sidebar{} /* 滑動時的樣式 */ #portamento_container #sidebar.fixed{position:fixed;} <body> <div>正常布局或內容</div> <div id="sidebar">要滑動定位的元素</div> </body> $(‘#sidebar‘).portamento({ gap: 0, disableWorkaround: true }); | 名稱 | 預設值 | 說明 |
|---|---|---|
| wrapper | $(‘body‘) | 父容器 |
| gap | 10 | 與視窗頂部的邊距 (px) |
| disableWorkaround | false | 不支援舊的瀏覽器。 |
jQuery Portamento 滑動定位
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
