Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否在不使用样式属性的情况下定位dom元素?_Javascript_Css_Spreadsheet - Fatal编程技术网

Javascript 是否在不使用样式属性的情况下定位dom元素?

Javascript 是否在不使用样式属性的情况下定位dom元素?,javascript,css,spreadsheet,Javascript,Css,Spreadsheet,先来点背景知识。我正在开发一个可视化组件,它的工作方式与电子表格类似。可以在两个维度上滚动的内容区域,以及在左侧和顶部始终可见的轴指示器 为了获得灵感,我一直在研究谷歌电子表格的html/css。我已经构建了一个类似的解决方案,但他们的解决方案的精确机制,更优雅一点,让我无法理解 其解决方案的相关结构如下所示 [容器]分区显式大小。溢出隐藏。相对位置。 [V-Scroll]分区“内容大小”,完全没有使用firebug或chrome的样式 [左侧]分区内容大小。显示:内联块。溢出隐藏。相对位置

先来点背景知识。我正在开发一个可视化组件,它的工作方式与电子表格类似。可以在两个维度上滚动的内容区域,以及在左侧和顶部始终可见的轴指示器

为了获得灵感,我一直在研究谷歌电子表格的html/css。我已经构建了一个类似的解决方案,但他们的解决方案的精确机制,更优雅一点,让我无法理解

其解决方案的相关结构如下所示

  • [容器]分区显式大小。溢出隐藏。相对位置。
    • [V-Scroll]分区“内容大小”,完全没有使用firebug或chrome的样式
    • [左侧]分区内容大小。显示:内联块。溢出隐藏。相对位置。
      • 包含标题的表
    • [右侧]分区内容大小。显示:内联块。溢出隐藏。相对位置。
      • 包含内容的表
为了进行垂直滚动,他们向上移动V-Scroll div,例如设置top:-15px。使用FireBug和chrome inspect工具,我可以看到:

  • 执行垂直滚动时,V形滚动div向上移动
  • 在V-Scroll div上看不到顶部或样式属性的更改
  • 内部内容随V-scroll div向上移动

对于如何定位V-scroll div,有什么建议吗?元素上既没有top样式,也没有与fixed set不同的定位样式,这似乎很奇怪。

我不熟悉google代码的内部结构,但我想他们正在通过javascript操纵容器div的
scrollpop
。这将基本上滚动div,即使溢出被隐藏,导致没有滚动条