固定側邊的做法有很多種,今天為大家介紹一種非常簡單的做法。整個html文檔隻有23行代碼就搞定了。
網上也有很多做法,但是都太過複雜,一大堆代碼。而且有的很采用一些jquery的一些插件。
側欄的做法和頂部、頁腳都大緻雷同。掌握其中的一種,其他的都很容易實作。常見的例子有:新浪微網誌的菜單欄,新浪體育的右側二維碼掃描等功能都是這樣的實作。
這種固定特定部位,而不随滾動條滾動的做法,見下面代碼:
運作效果如下:
歡迎大家關注我的部落格!如有疑問,請加qq群:454796847共同學習!
固定側邊的做法有很多種,今天為大家介紹一種非常簡單的做法。整個html文檔隻有23行代碼就搞定了。
網上也有很多做法,但是都太過複雜,一大堆代碼。而且有的很采用一些jquery的一些插件。
側欄的做法和頂部、頁腳都大緻雷同。掌握其中的一種,其他的都很容易實作。常見的例子有:新浪微網誌的菜單欄,新浪體育的右側二維碼掃描等功能都是這樣的實作。
這種固定特定部位,而不随滾動條滾動的做法,見下面代碼:
運作效果如下:
歡迎大家關注我的部落格!如有疑問,請加qq群:454796847共同學習!