JavaScript仿淘寶智能浮動，網頁固定層代碼

在網以前的教程，我們發表過多玩游戲頂部浮動層、天涯社區的頂部浮動導航條，這是當前非常流行的一種效果！恰巧，今天在月光看到一篇同樣的文章，提供較早使用該效果的淘寶網，只是沒有給出完整代碼！

在淘寶網中，商品列表特別長，而商品列名稱始終保持在最頂端。如果你把滾動條滾動至最上邊了，那么它會自動判斷是否到頂端了，然后一直置頂從而不怕遮擋。

這種特效是通過JavaScript和CSS實現的，在實際開發中有不少用途，下面是我找到的一個使用JavaScript制作的仿淘寶智能浮動的源代碼，兼容性不錯，在IE、Firefox、Chrome下都能正常工作。

在Z-Blog中使用這個特效代碼需要注意，如果在側邊欄使用，則需要注意，側欄中的欄目不能使用JavaScript動態加載，必須用靜態的格式，否則在JavaScript會錯誤的計算頁面高度，上下滾動的時候會出現錯位現象。

以下是相關代碼：

jQuery 代碼：

HTML 代碼：

CSS 代碼：