看板 Web_Design 關於我們 聯絡資訊
範例網址: 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
Ammenze:幾本上就是置頂的同時改變nav的css 04/17 15:38
qwer820404:需要的話可以私信給我 我有範例可以寄給你 04/18 00:50
非常謝謝你突破我的盲點 我直接在這邊放上解答 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