Bootstrap 3:粘贴导航栏淡入并添加对象

时间:2014-01-30 09:28:57

标签: jquery html5 css3 twitter-bootstrap twitter-bootstrap-3

1)当用户向下滚动时,我想在导航栏中淡入/轻松。可以用css3轻松实现吗?

2)是否可以仅在固定导航栏中添加图像(或文本)?例如,在加载Logo1和滚动徽标2?

#nav.affix {
position: fixed;
top: 0;
width: 100%;
border-bottom:1px solid #ccc;

}

jsfiddle:http://jsfiddle.net/5jq88/

1 个答案:

答案 0 :(得分:4)

  1. 是的,可以使用动画属性和关键帧 - http://jsfiddle.net/5jq88/1/

  2. 第二个是,只需触发#nav.affix类

    出现的图像/文本
    #nav #nav-img {
       display:none;
    }
    #nav.affix #nav-img {
       display:inline-block;
    }