自己做網(wǎng)站賣什么海南樂秀同城群軟件下載
需求：
- 在點擊某個dom 元素的時候滾動條要同步滾動
進程：
- 獲取ref 打印，打印出來是一個dom 元素，看不到有什么方法
- 查找 dom 屬性信息
- 找到了兩個參數(shù)，offsetLeft：返回元素的水平偏移位置。 offsetTop：返回元素的垂直偏移位置。
- 這兩個參數(shù)都是基于父節(jié)點的，可以直接使用
this.cellMainBox.current.scrollTop = activeCell.offsetTop - 150
this.cellMainBox.current.scrollLeft = activeCell.offsetLeft - 150
拓展：
| 屬性 / 方法 | 描述 |
|---|---|
| accessKey | 設(shè)置或返回元素的 accesskey 屬性。 |
| addEventListener() | 將事件處理程序附加到元素。 |
| appendChild() | 向元素添加（附加）新的子節(jié)點。 |
| attributes | 返回元素屬性的 NamedNodeMap。 |
| blur() | 從元素中移除焦點。 |
| childElementCount | 返回元素的子元素個數(shù)。 |
| childNodes | 返回元素子節(jié)點的 NodeList。 |
| children | 返回元素的子元素的 HTMLCollection。 |
| classList | 返回元素的類名。 |
| className | 設(shè)置或返回元素的 class 屬性值。 |
| click() | 模擬鼠標單擊元素。 |
| clientHeight | 返回元素的高度，包括內(nèi)邊距。 |
| clientLeft | 返回元素左邊框的寬度。 |
| clientTop | 返回元素上邊框的寬度。 |
| clientWidth | 返回元素的寬度，包括內(nèi)邊距。 |
| cloneNode() | 克隆元素。 |
| closest() | 在 DOM 樹中搜索與 CSS 選擇器匹配的最接近的元素。 |
| compareDocumentPosition() | 比較兩個元素的文檔位置。 |
| contains() | 如果節(jié)點是節(jié)點的后代，則返回 true。 |
| contentEditable | 設(shè)置或返回元素的內(nèi)容是否可編輯。 |
| dir | 設(shè)置或返回元素的 dir 屬性的值。 |
| firstChild | 返回元素的第一個子節(jié)點。 |
| firstElementChild | 返回元素的第一個子元素。 |
| focus() | 讓元素獲得焦點。 |
| getAttribute() | 返回元素屬性的值。 |
| getAttributeNode() | 返回屬性節(jié)點。 |
| getBoundingClientRect() | 返回元素的大小及其相對于視口的位置。 |
| getElementsByClassName() | 返回擁有給定類名的子元素的集合。 |
| getElementsByTagName() | 返回擁有給定標簽名稱的子元素的集合。 |
| hasAttribute() | 如果元素擁有給定屬性，則返回 true。 |
| hasAttributes() | 如果元素擁有任何屬性，則返回 true。 |
| hasChildNodes() | 如果元素有任何子節(jié)點，則返回 true。 |
| element.id | 設(shè)置或返回元素 id 屬性的值。 |
| innerHTML | 設(shè)置或返回元素的內(nèi)容。 |
| innerText | 設(shè)置或返回節(jié)點及其后代的文本內(nèi)容。 |
| insertAdjacentElement() | 在相對于元素的位置插入新的 HTML 元素。 |
| insertAdjacentHTML() | 在相對于元素的位置插入 HTML 格式的文本。 |
| insertAdjacentText() | 在相對于元素的位置插入文本。 |
| insertBefore() | 在現(xiàn)有子節(jié)點之前插入新子節(jié)點。 |
| isContentEditable | 如果元素的內(nèi)容是可編輯的，則返回 true。 |
| isDefaultNamespace() | 如果給定的 namespaceURI 是默認值，則返回 true。 |
| isEqualNode() | 檢查兩個元素是否相等。 |
| isSameNode() | 檢查兩個元素是否是同一個節(jié)點。 |
| isSupported() | 已棄用。 |
| lang | 設(shè)置或返回元素的 lang 屬性值。 |
| lastChild | 返回元素的最后一個子節(jié)點。 |
| lastElementChild | 返回元素的最后一個子元素。 |
| matches() | 如果元素與給定的 CSS 選擇器匹配，則返回 true。 |
| namespaceURI | 返回元素的命名空間 URI。 |
| nextSibling | 返回位于相同節(jié)點樹層級的下一個節(jié)點。 |
| nextElementSibling | 返回位于相同節(jié)點樹層級的下一個元素。 |
| nodeName | 返回節(jié)點的名稱。 |
| nodeType | 返回節(jié)點的節(jié)點類型。 |
| nodeValue | 設(shè)置或返回節(jié)點的值。 |
| normalize() | 合并元素中相鄰的文本節(jié)點，并移除空的文本節(jié)點。 |
| offsetHeight | 返回元素的高度，包括內(nèi)邊距、邊框和滾動條。 |
| offsetWidth | 返回元素的寬度，包括內(nèi)邊距、邊框和滾動條。 |
| offsetLeft | 返回元素的水平偏移位置。 |
| offsetParent | 返回元素的偏移容器。 |
| offsetTop | 返回元素的垂直偏移位置。 |
| outerHTML | 設(shè)置或返回元素的內(nèi)容（包括開始標簽和結(jié)束標簽）。 |
| outerText | 設(shè)置或返回節(jié)點及其后代的外部文本內(nèi)容。 |
| ownerDocument | 返回元素的根元素（文檔對象）。 |
| parentNode | 返回元素的父節(jié)點。 |
| parentElement | 返回元素的父元素節(jié)點。 |
| previousSibling | 返回位于相同節(jié)點樹層級的上一個節(jié)點。 |
| previousElementSibling | 返回位于相同節(jié)點樹層級的上一個元素。 |
| querySelector() | 返回與 CSS 選擇器匹配的第一個子元素。 |
| querySelectorAll() | 返回與 CSS 選擇器匹配的所有子元素。 |
| remove() | 從 DOM 中移除元素。 |
| removeAttribute() | 從元素中移除屬性。 |
| removeAttributeNode() | 移除屬性節(jié)點，并返回移除的節(jié)點。 |
| removeChild() | 從元素中移除子節(jié)點。 |
| removeEventListener() | 刪除已使用 addEventListener() 方法附加的事件處理程序。 |
| replaceChild() | 替換元素中的子節(jié)點。 |
| scrollHeight | 返回元素的整體高度，包括內(nèi)邊距。 |
| scrollIntoView() | 將元素滾動到瀏覽器窗口的可見區(qū)域。 |
| scrollLeft | 設(shè)置或返回元素內(nèi)容水平滾動的像素數(shù)。 |
| scrollTop | 設(shè)置或返回元素內(nèi)容垂直滾動的像素數(shù)。 |
| scrollWidth | 返回元素的整體寬度，包括內(nèi)邊距。 |
| setAttribute() | 設(shè)置或更改屬性的值。 |
| setAttributeNode() | 設(shè)置或更改屬性節(jié)點。 |
| style | 設(shè)置或返回元素 style 屬性的值。 |
| tabIndex | 設(shè)置或返回元素的 tabindex 屬性的值。 |
| tagName | 返回元素的標簽名。 |
| textContent | 設(shè)置或返回節(jié)點及其后代的文本內(nèi)容。 |
| title | 設(shè)置或返回元素的 title 屬性值。 |
| toString() | 將元素轉(zhuǎn)換為字符串。 |