由於平常寫**的時候經常遇到有乙個側邊欄懸浮框,需要伴隨網頁的滾動讓其一直處於視窗的可見區域,於是就寫了乙個基於jquery的通用的小外掛程式方便以後開發。
具體效果如下圖所示
本外掛程式充分考慮了實際開發當中的各種需求,其中主要包括:
1、頁面自適應
2、避免公共固定頭部和尾部的影響
3、當主體區域高度低於懸浮區域高度時自動取消懸浮(尤其適用於分類或分頁時的高度不固定)
4、當右側懸浮區域高度高於螢幕高度時可以滾動檢視懸浮區域,之後再隨螢幕滾動(具體效果參考demo)
5、可以選擇是否啟用函式節流,避免頻繁觸發滾動事件導致瀏覽器效能降低(同時新增transition動畫)
)
頂部頭部
右側懸浮區域
左側主體區域
div 給div加滾動欄 div的滾動欄設定
今天做了個樣例 div 的滾動欄問題 兩種方法 一 記住寬和高一定要設定噢,否則不成的 只是在不超出時,會有以下的滾動欄,所以不是最好的選擇二 記住寬和高一定要設定噢,否則不成的 這樣比較好的是,在寬和高不超出時,僅僅是一條線 三 說明 直接為div指定overflow屬性為auto就可以,可是必須...
div 給div加滾動欄 div的滾動欄設定
今天做了個樣例 div 的滾動欄問題 兩種方法 一 記住寬和高一定要設定噢,否則不成的 只是在不超出時,會有以下的滾動欄,所以不是最好的選擇二 記住寬和高一定要設定噢,否則不成的 這樣比較好的是,在寬和高不超出時,僅僅是一條線 三 說明 直接為div指定overflow屬性為auto就可以,可是必須...
div 給div加滾動欄 div的滾動欄設定
今天做了個樣例 div 的滾動欄問題 兩種方法 一 記住寬和高一定要設定噢,否則不成的 只是在不超出時,會有以下的滾動欄,所以不是最好的選擇二 記住寬和高一定要設定噢,否則不成的 這樣比較好的是,在寬和高不超出時,僅僅是一條線 三 說明 直接為div指定overflow屬性為auto就可以,可是必須...