bootstrap fixed header and sidebar

This feature is now very popular, if the page is relatively high, when the scroll bar to the bottom of the page, the sidebar will appear a fixed following the browser Div box, the idea is this: first get the div to follow the distance from the top of the page, and then judge, When the browser scrolls farther than the top distance from the div itself, add the CSS property fixed.Code to copy code as followsHT

About bootstrap table Other knowledge is not much to say, directly to everyone paste code. The key code looks like this: The above is a small set to introduce bootstrap table header fixed tbody Scrolling instance code, I hope to help you, if you have any questions please give me a message, small series will

;Box-shadow: 1px 2px 5px rgba (0, 0, 0, 0.3 );Border: 1px solid # ccc;Padding: 5px;}# SidebarWrap {Height: 400px;Width: 210px;Float: right;Position: relative;Box-shadow: none;Border: none;Margin: 0;Padding: 0;}# Main {Width: 270px;Height: 4000px;}# Footer {Clear: both;Margin: 10px 0;}# Sidebar {Width: 200px;Height: 300px;Position: absolute;}# Header {Height: 200px;Margin-bottom: 10px;}#

:400px; width:210px nbsp Float:right; position:relative; Box-shadow:none; Border:none; margin:0; padding:0; } #main { width:270px; height:4000px; } #footer { clear:both margin:10px 0; } #sidebar { width:200px height:300px; Positionabsolute; } #header { height:200px; margin-bottom:10px; } #sidebar.

This function is now widely used. If the page is relatively high, when the scroll bar is dragged to the bottom of the page, a fixed DIV box following the browser will appear on the sidebar. The idea is as follows: first, obtain the distance from the DIV to be followed to the top of the page, and then determine that when the browser's rolling distance is greater than the distance from the DIV itself to t

do? The general method is to fix the "owner" column and slide only the column behind it. However, previously this function was encapsulated in the front-end framework, for example, frozen columns in easyUI, but it was never used in bootstrap (it did not provide this) Write one by yourself ~ There is no idea, and I finally come up with a "non-mainstream" method: using two tables The table on the left is used to display

This function is now widely used, if the page is relatively high, when the scroll bar dragged down to the bottom of the page, the sidebar will appear a fixed following the browser Div box, is the idea is this: first get the div need to follow the distance from the top of the page, and then judge, When the browser scrolls more than the distance from the top of the div itself, add the CSS property

This article illustrates the method of jquery to realize intelligent judgment of fixed navigation bar or sidebar. Share to everyone for your reference, specific as follows: This is a jquery intelligent Judge Fixed div layer of the special effects code, through this jquery smart code, you can set the navigation bar, sidebar