本文介绍了缩小带有徽标的Bootstrap Navbar滚动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我需要固定的导航栏,当它开始滚动缩小50%。

I need the fixed navbar to shrink 50% when it starts scrolling.

我只看到文本导航栏,但没有标志。任何帮助将非常感激。

I have seen just text navbars, but nothing with a logo. Any help would be much appreciated.

您可以从中拉取css和html。

You can pull the css and html from there.

推荐答案

这可以通过使用jQuery和一个自定义的CSS类来实现,例如:

This can be accomplished by using jQuery and a custom CSS class, like so:

$(window).scroll(function() {
    if ($(document).scrollTop() > 150) {
        $('.navbar').addClass('shrink');
    }
    else {
        $('.navbar').removeClass('shrink');
    }
});

这篇关于缩小带有徽标的Bootstrap Navbar滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-24 23:49