Navigation is suspended on the top of the code learning, navigation is suspended code learning

Navigation is suspended on the top of the code learning, navigation is suspended code learning

Navigation suspended on the top of the code learning, due to the blog Park video restrictions, temporarily cannot watch Full Screen, if you want to watch Full Screen HD video, you can click the link to view: http://www.zymseo.com/20.html

The floating navigation on the top of a jQuery page is a jQuery floating navigation with a level-2 drop-down menu. It is very practical to scroll along with the page.

 

When you use this effect to decorate a webpage, the scroll bar cannot be pulled down because the position: fixed style is removed from the layout after the floating element is added, the height of the page does not include the height of the suspended element. for example, in the current example, the height of the visible area of the browser is 644px, And the content does not exceed 644px, so no scroll bar will appear in the browser. we set the top height to 44px, the main height to 600px, and the navigation height. When the page height exceeds 644px, a scroll bar appears. When the scroll height of the scroll bar exceeds 44px, the navigation bar is out of layout, the navigation is suspended, the page height is 644px, the page height is 644px, the scroll bar should not appear, the scroll bar height is changed to 0, the floating element regression layout, the page height is larger than 644px, because the scroll bar cannot be pulled down.

 

Solution: we only need to outsource a div to the floating element and set the height of the div to the height of the floating element.

 

This article is written by the author. For more information, see the source! Follow my blog to get the latest SEO website optimization and web Front-end development information!