[問題] 按鈕欄位nav bar置頂
範例網址:
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
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