本篇文章為大家展示了使用JavaScript怎么固定表頭列頭,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的德清網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
一.js中scrollTop及scrollLeft的使用說明
scrollTop指的是“元素中的內(nèi)容”超出“元素上邊界”的那部分的高度。例如:外層元素的高度值是200px,內(nèi)層元素的高度值是300px。很明顯,“外層元素中的內(nèi)容”高過了“外層元素”本身.當向下拖動滾動條時,有部分內(nèi)容會隱沒在“外層元素的上邊界”之外,scrollTop就等于這部分“不可見的內(nèi)容”的高度。
scrollLeft同上.
二.頁面示例
頁面示例代碼如下:
表頭列頭固定 -- Sara 序號
1 2 3 4 5 6 7 8 9 10
標題A 標題B 標題C 標題D 標題E 標題F
1 1 1 1 1 1 2 2 2 2 2 2 3 3 3 3 3 3 4 4 4 4 4 4 5 5 5 5 5 5 6 6 6 6 6 6 7 7 7 7 7 7 8 8 8 8 8 8 9 9 9 9 9 9 10 10 10 10 10 10
效果圖如下:
上述內(nèi)容就是使用JavaScript怎么固定表頭列頭,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。