JQuery Events Used for Navbar?

Question

Hi,

Sorry I am not experienced web designer (I am good C and C++ programmer though). I am learning more modern design with Bootstrap & JQuery.

I understand javascript syntax, but do not know all JQuery events and how to debug the events.

For example, what function is used to change NavBar class on scrolldown on index.html?

What file is that function in? I am working on learning how to debug JQuery in Chrome browser, is there a better tool that captures JQUery events so I could determine what function does what?

SemiColonWeb · Accepted Answer

Hello, 1. The Functions: SEMICOLON.header.stickyMenuClass() and SEMICOLON.header.removeStickyness() handles the Class change of the Headers on sticky scroll. 2. SEMICOLON.header is used to group all the JS Functions related to the Header. 3. The Function: SEMICOLON.slider.headerSchemeChanger(activeSlide, onWinLoad) is used only to Handle the Light/Dark Header Styles (Transparent/Semi Transparent) for the Canvas Swiper and Revolution Sliders. The Window Scroll logic is handled by the jQuery nati…

tpayne03 · Answer

Also, what does SEMICOLON.header accomplish? I don't understand what that array of functions accomplishes?

tpayne03 · Answer

headerSchemeChanger: function( activeSlide, onWinLoad ){};

Is the scrolling logic handled by Revolution Slider? I am not familiar with that script (or much JQUERY!)?

Does JQuery handle some of other scrolling logic natively?

I am just trying to understand what is reading the page inputs to activate the JQUERY.