Header column header fixed page_html/css_WEB-ITnose

This article mainly writes a table page and fixes the table header or column header to achieve the effect of freezing columns in Excel. It mainly uses the scrollTop and scrollLeft of js.

1. Instructions for using scrollTop and scrollLeft in js

scrollTop refers to the height of the part where the "content in the element" exceeds the "upper boundary of the element". For example: the height value of the outer element is 200px, and the height value of the inner element is 300px. Obviously, the "content in the outer element" is higher than the "outer element" itself. When the scroll bar is dragged downward, part of the content will be hidden outside the "upper boundary of the outer element", and scrollTop is equal to The height of this "invisible content".

scrollLeft is the same as above.

2. Page example

The page example code is as follows:

                        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">        <title>琛ㄥご</title>