静态门户网站源码,怎么给自己做一个网页,深圳做网站设计的公司,网页设计和网站建设是同一回事吗需求#xff1a;
在点击某个dom 元素的时候滚动条要同步滚动
进程#xff1a;
获取ref 打印#xff0c;打印出来是一个dom 元素#xff0c;看不到有什么方法查找 dom 属性信息找到了两个参数#xff0c;offsetLeft#xff1a;返回元素的水平偏移位置。 offsetTop…需求
在点击某个dom 元素的时候滚动条要同步滚动
进程
获取ref 打印打印出来是一个dom 元素看不到有什么方法查找 dom 属性信息找到了两个参数offsetLeft返回元素的水平偏移位置。 offsetTop返回元素的垂直偏移位置。这两个参数都是基于父节点的可以直接使用
this.cellMainBox.current.scrollTop activeCell.offsetTop - 150
this.cellMainBox.current.scrollLeft activeCell.offsetLeft - 150拓展
属性 / 方法描述accessKey设置或返回元素的 accesskey 属性。addEventListener()将事件处理程序附加到元素。appendChild()向元素添加附加新的子节点。attributes返回元素属性的 NamedNodeMap。blur()从元素中移除焦点。childElementCount返回元素的子元素个数。childNodes返回元素子节点的 NodeList。children返回元素的子元素的 HTMLCollection。classList返回元素的类名。className设置或返回元素的 class 属性值。click()模拟鼠标单击元素。clientHeight返回元素的高度包括内边距。clientLeft返回元素左边框的宽度。clientTop返回元素上边框的宽度。clientWidth返回元素的宽度包括内边距。cloneNode()克隆元素。closest()在 DOM 树中搜索与 CSS 选择器匹配的最接近的元素。compareDocumentPosition()比较两个元素的文档位置。contains()如果节点是节点的后代则返回 true。contentEditable设置或返回元素的内容是否可编辑。dir设置或返回元素的 dir 属性的值。firstChild返回元素的第一个子节点。firstElementChild返回元素的第一个子元素。focus()让元素获得焦点。getAttribute()返回元素属性的值。getAttributeNode()返回属性节点。getBoundingClientRect()返回元素的大小及其相对于视口的位置。getElementsByClassName()返回拥有给定类名的子元素的集合。getElementsByTagName()返回拥有给定标签名称的子元素的集合。hasAttribute()如果元素拥有给定属性则返回 true。hasAttributes()如果元素拥有任何属性则返回 true。hasChildNodes()如果元素有任何子节点则返回 true。element.id设置或返回元素 id 属性的值。innerHTML设置或返回元素的内容。innerText设置或返回节点及其后代的文本内容。insertAdjacentElement()在相对于元素的位置插入新的 HTML 元素。insertAdjacentHTML()在相对于元素的位置插入 HTML 格式的文本。insertAdjacentText()在相对于元素的位置插入文本。insertBefore()在现有子节点之前插入新子节点。isContentEditable如果元素的内容是可编辑的则返回 true。isDefaultNamespace()如果给定的 namespaceURI 是默认值则返回 true。isEqualNode()检查两个元素是否相等。isSameNode()检查两个元素是否是同一个节点。isSupported()已弃用。lang设置或返回元素的 lang 属性值。lastChild返回元素的最后一个子节点。lastElementChild返回元素的最后一个子元素。matches()如果元素与给定的 CSS 选择器匹配则返回 true。namespaceURI返回元素的命名空间 URI。nextSibling返回位于相同节点树层级的下一个节点。nextElementSibling返回位于相同节点树层级的下一个元素。nodeName返回节点的名称。nodeType返回节点的节点类型。nodeValue设置或返回节点的值。normalize()合并元素中相邻的文本节点并移除空的文本节点。offsetHeight返回元素的高度包括内边距、边框和滚动条。offsetWidth返回元素的宽度包括内边距、边框和滚动条。offsetLeft返回元素的水平偏移位置。offsetParent返回元素的偏移容器。offsetTop返回元素的垂直偏移位置。outerHTML设置或返回元素的内容包括开始标签和结束标签。outerText设置或返回节点及其后代的外部文本内容。ownerDocument返回元素的根元素文档对象。parentNode返回元素的父节点。parentElement返回元素的父元素节点。previousSibling返回位于相同节点树层级的上一个节点。previousElementSibling返回位于相同节点树层级的上一个元素。querySelector()返回与 CSS 选择器匹配的第一个子元素。querySelectorAll()返回与 CSS 选择器匹配的所有子元素。remove()从 DOM 中移除元素。removeAttribute()从元素中移除属性。removeAttributeNode()移除属性节点并返回移除的节点。removeChild()从元素中移除子节点。removeEventListener()删除已使用 addEventListener() 方法附加的事件处理程序。replaceChild()替换元素中的子节点。scrollHeight返回元素的整体高度包括内边距。scrollIntoView()将元素滚动到浏览器窗口的可见区域。scrollLeft设置或返回元素内容水平滚动的像素数。scrollTop设置或返回元素内容垂直滚动的像素数。scrollWidth返回元素的整体宽度包括内边距。setAttribute()设置或更改属性的值。setAttributeNode()设置或更改属性节点。style设置或返回元素 style 属性的值。tabIndex设置或返回元素的 tabindex 属性的值。tagName返回元素的标签名。textContent设置或返回节点及其后代的文本内容。title设置或返回元素的 title 属性值。toString()将元素转换为字符串。
