最近在用jquery做頁面開發的時候可能會遇到一個比較奇怪的問題,就是在頁面滾動時,jquery的頭部會被卷去,導致無法正常使用相關的功能。
這個問題的原因是因為jquery的頭部部分使用了position:fixed樣式,同時又沒有設置對應的z-index值,導致在頁面滾動時被卷去。
解決這個問題的方法也比較簡單,只需要給jquery的頭部加上一個z-index值即可。
.header { position: fixed; top: 0; left: 0; z-index: 999; }
加上上面的代碼后,我們就可以在頁面滾動時正常使用jquery相關的功能了。