首頁 > web前端 > js教程 > 基於jquery的捲軸滾動固定div(附示範下載)_jquery

基於jquery的捲軸滾動固定div(附示範下載)_jquery

WBOY
發布: 2016-05-16 17:48:40
原創
1129 人瀏覽過

例如:淘寶商品詳情裡,滾動條往下來拉的時候,商品詳情和評價那個nav會固定,現在很多網站也都有這樣類似的效果,現在流行這個麼?元芳,你怎麼看?我也在網路上找了找程式碼,屢試不爽啊,很多程式碼亂且沒用。於是乎,我自己寫一個,程式碼非常之簡單,只有10幾行,但遺憾的是,不相容IE6,如果誰有相容IE6的例子,還請指教。

直接貼下程式碼吧。

複製程式碼 程式碼如下:

UBL "/// W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



demo














我現在是紅色,把捲軸往下啦我會顯示成藍色。我還沒固定了。















友情提醒:我只提供了一個簡單的Demo,在實際開發中Demo中的東西還是需要修改修改的。
線上示範:
http://demo.jb51.net/js/2012/scrollfixed/

附:Demo下載
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板