滚动鼠标让navbar显示

用Bootstrap框架写好导航栏

1、代码如下:

滚动鼠标让navbar显示_第1张图片

2、初始导航栏为不可见

#navbar_appear{background-color:transparent;display:none;}

滚动鼠标让navbar显示_第2张图片

3、JS中设置鼠标滚动20px时出现导航栏

滚动鼠标让navbar显示_第3张图片

最终结果:

滚动鼠标让navbar显示_第4张图片


滚动鼠标让navbar显示_第5张图片

你可能感兴趣的:(滚动鼠标让navbar显示)