[問題] 按鈕欄位nav bar置頂

看板Web_Design作者 (追風箏的孩子)時間10年前 (2014/04/16 18:33), 10年前編輯推噓1(101)
留言2則, 2人參與, 最新討論串1/1
範例網址: 1. http://www.rackspace.com/ 2. http://www.remotecamplus.com/ 這兩個網頁都會在滑鼠滾輪滑下時,讓按鈕稍微變化後置頂 範例1 nav層高度縮減,logo變小 範例2 logo變化,nav下方多加陰影 我只會使用jQuery讓nav按鈕欄直接置頂 寫法大致上跟這個差不多 http://www.js-css.cn/jscode/nav/nav16/ 我有把範例1+2的原始檔叫出 只是一直鬼打牆看不懂寫法 我沒有太多東西,只有微薄的p幣2000可以送出 希望有好心人能夠用深入淺出的方法解釋一下這兩個網頁是如何寫的 感激不盡>"< -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.121.34 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1397644390.A.616.html

04/17 15:38, , 1F
幾本上就是置頂的同時改變nav的css
04/17 15:38, 1F

04/18 00:50, , 2F
需要的話可以私信給我 我有範例可以寄給你
04/18 00:50, 2F
非常謝謝你突破我的盲點 我直接在這邊放上解答 if($(this).scrollTop() >dftop){ $('#fixedLogo').css('display','inline'); }else{ $('#fixedLogo').css('display','none'); } 或是 if($(this).scrollTop() >dftop){ $('#fixedLogo').show(); }else{ $('#fixedLogo').hide(); } ※ 編輯: idou (114.32.33.23), 04/21/2014 11:26:20
文章代碼(AID): #1JJbncOM (Web_Design)