作者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/cn.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