jquery - Bootstrap 3 : Affix navbar fade in and add object

标签 jquery html css twitter-bootstrap twitter-bootstrap-3

1)我想当用户向下滚动时淡入/淡入导航栏。可以使用 css3 缓入吗?

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

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

}

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

最佳答案

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

  2. 第二个是的,只需触发 #nav.affix 类出现的图像/文本

    #nav #nav-img {
       display:none;
    }
    #nav.affix #nav-img {
       display:inline-block;
    }
    

关于jquery - Bootstrap 3 : Affix navbar fade in and add object,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21452406/

相关文章:

Javascript根据日期显示日期

javascript - jQuery:拆分字符串然后插入输入并选择

javascript - jQuery/JS - 变量似乎没有更新?

javascript - jQuery .ajax() 请求未触发

javascript - 调整到浏览器大小的 2 部分 CSS "wallpaper"

javascript - jquery如何对日期进行排序

html - 来自 Safari 的 CSS 奇怪变换值

css - 纯色作为页面前 5% 的背景,其余为图像

html - 悬停效果在鼠标移动之前结束

javascript - 我可以从框架修改 html 并保存修改吗?