How to jQuery Scrolling Menu

0 334

Scrolling menu bar over the page scroll will increase menu usability. It helps a user to reach menu area easily. In a previous tutorial, we have seen about how to scroll a floating contact form.

In this example, we are having a fixed positioned scrolling menu. While navigating through this menu we have added jQuery effect to scroll page smoothly.

Scrolling Menu HTML

This HTML code is used to show the scrolling menu. We have given fixed position to this menu HTML to display depending upon the page scroll.

This is the content area in which the jQuery smooth scrolling is applied on menu navigation.

CSS:

jQuery Smooth Scrolling Effect

This jQuery script is used to scroll page depends on the target DIV’s top position. This is done by setting the scrollTop property with the jQuery animate() function.

 

You might also like More from author

Leave A Reply

Your email address will not be published.