作者idou (追風箏的孩子)
看板Web_Design
標題[問題] 按鈕欄位nav bar置頂
時間Wed Apr 16 18:32:54 2014
範例網址：
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://webptt.com/m.aspx?n=bbs/Web_Design/M.1397644390.A.616.html
1F：→ Ammenze:幾本上就是置頂的同時改變nav的css 04/17 15:38
2F：推 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