javascript - Change Height of Navbar on Scroll Jquery with Bootstrap3 -

Hello I have a problem in my nebb, I want to revive it on the book and want to change its height. When I scroll down a little bit then it should be shortened and when the IM should be raised at the top of the page, the standard height is 100px. The problem occurs when IM is delayed on the page, which I need to wait, when Till it is not animated. If first scrolls down to the bottom of the page and then goes back to the top, then they come for longer, its height is 11000px. This is my code for:

  $ (document) .on ("scroll", function () {if ($ (document) .scrollTop ()> 500) {$ ("$ (Document (document)) .scrollTop () == 0 {warning ("dhsihsp"); $ (".navbar"). Value ({height: 100}, {duration: 100});}}); < / Code> 

Maybe you can help me I use Google Chrome and Bootstrap 3.

The problem you have is that the "scrolls" set fire to everyone once the scrollbar moves, so each time a scrollbar is pressed It takes IF checks, this is the reason that you delay your animation for so long, if you move the scrollbar a lot, things are too high to run stacks.