小编And*_*ter的帖子

我目前正在使用聚合物的core-scaffold&co.创建带有内容区域的标题/侧边栏.我目前遇到的问题是我无法访问内容元素的某些属性,例如scrollTop.(因为我需要访问的实际scrollTop属性是在shadow DOM中定义的.)

这与我正在使用的lazyload jquery插件冲突.该插件正在检查window.scrollTop但是更改插件以检查我的内容的scrollTop(滚动而不是窗口)将不会产生任何影响,因为scrollTop在shadow DOM中"隐藏".

有没有办法访问阴影DOM元素？我唯一能找到的就是访问你自己用createShadowroot(或其他任何调用的东西)创建的影子DOM对象,但我似乎无法找到有关如何访问已存在/已创建的影子根的任何参考.

示例代码如下

<core-scaffold>
  <core-header-panel navigation flex mode="seamed">

    <core-toolbar>
    <!--fixed toolbar-->
    </core-toolbar>

    <core-menu theme="core-light-theme">
      <core-item icon="settings" label="item1"></core-item>
      <core-item icon="settings" label="item2"></core-item>
    </core-menu>

  </core-header-panel>

  <div tool>
  <!--fixed header-->
  </div>

  <div id="content">

  <!-- get scrollTop of content? -->
  </div>
</core-scaffold>