滚动后更改bootstrap navbar品牌徽标图像的最佳方法?

时间:2015-04-28 01:43:30

标签: javascript jquery html css twitter-bootstrap

我设置它的方式,一旦您滚过标题部分,导航栏将从透明变为纯色,用于1页网站的其余部分。链接,样式等在添加/删除css类的函数中发生变化,具体取决于它是否超过标题。

我如何更换新徽标呢?我不知道如何更改像这样的实际元素而不是仅仅添加一个CSS类。它是一个.png文件,当导航栏改变颜色时,我想要一个不同的徽标,以不同的方式显示。此外,是否可以转换徽标的更改,这不是一个戏剧性的跳跃?提前谢谢。

1 个答案:

答案 0 :(得分:1)

这样做的好方法是将2个图像绝对放在父div中的彼此之上。然后有一个类将opacity: 1设置为顶部的图像,并使用transition,并在滚动时删除该类,使其具有opacity: 0