position:fixed 失效問題記錄

要做導航條固定,點擊導航條的某個按鈕跳轉到下方頁面相應的模塊,下方模塊必須可以滾動;

剛開始給body加了smooth-scroll的插件,發現position:fixed失效,百度後查到原因,父級元素一旦使用了transform:translate,positon:fixed屬性會自動轉爲position:absolute,插件原理正是使用了這個屬性;解決方法並未找到;

方法一:

1、不使用插件畫滾動條,使用瀏覽器自帶的,but修改樣式後,firefox和ie的樣式真是難修改,沒找到簡單的方法,放棄;

2、忽然想到既然這樣,乾脆只給下方內容加高,使導航下方內容出滾動條,給body加overflow-y:hidden(不出滾動條);既不影響d導航條的固定定位,也沒有瀏覽器導航條樣式難看問題

算是修改頁面,繞過這個問題了,只是記錄一下,也不算解決

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章