在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 動(dòng)態(tài)獲取頁面內(nèi)控件距瀏覽器頂部的距離

動(dòng)態(tài)獲取頁面內(nèi)控件距瀏覽器頂部的距離

clipboard.png

如圖,其實(shí)就是想實(shí)現(xiàn)固定表頭。

我的思路是動(dòng)態(tài)監(jiān)聽table到瀏覽器頂部的距離,如果距離等于零,就把表頭絕對定位在頂部就行了。

可是用什么方法動(dòng)態(tài)監(jiān)聽table到瀏覽器頂部的距離呢?

或者有其他好的實(shí)現(xiàn)方式么?

回答
編輯回答
孤毒

https://developer.mozilla.org...
沒梯子的話
// rect is a DOMRect object with eight properties: left, top, right, bottom, x, y, width, height
var rect = obj.getBoundingClientRect();

2017年9月5日 23:53
編輯回答
萢萢糖

elementui有固定表頭的啊 不用這么麻煩自己寫把 圖片描述

2017年11月30日 12:25
編輯回答
安于心

回答你標(biāo)題的問題:
距離可視區(qū)頂部的高度+滾動(dòng)條的滾動(dòng)高度=距離文檔頂部高度
給你個(gè)參考

2017年10月19日 00:06
編輯回答
情未了
handleScroll () {
      // let top = document.querySelector('.editor-warpper')[0].offsetTop
      let top = Offset(document.getElementById('scrolling-container')).top
      let scrolltop = document.body.scrollTop | document.documentElement.scrollTop
      // console.log(top, scrolltop)
      const toolbar = document.querySelector('.ql-toolbar')
      if (scrolltop > top) {
        addClass(toolbar, 'fixedtop')
      } else {
        removeClass(toolbar, 'fixedtop')
      }
    }
2017年5月4日 11:32