如何使用Chrome开发工具找到导致所附屏幕截图底部的蓝条的原因

Question

这是使用<app-header-layout>的Polymer 2应用程序。屏幕截图底部的蓝色条带与通过滚动标题栏下方的内容滚动到屏幕上的区域完全对应。

我想使用Chrome开发工具查找在这个特定位置导致此特定颜色的原因，因为它似乎与元素不对应;仅限滚动的内容。

不幸的是，它的颜色是我的标准颜色之一，并且在我的应用程序的顶部定义（即使用＆＃34; app shell＆＃34;概念有一个元素是整个应用程序，它定义了一个css3变量--app-primary-color，这是这种颜色）所以很难发现。

在Chrome开发工具中，我已经尝试过两种方式＆＃34;检查＆＃34;屏幕上该点的元素，并选择屏幕中该点包含前景内容的元素，但没有关于此颜色的线索。

那么我怎样才能使用chrome dev工具给我一些关于这种颜色来自何处的线索

编辑：我找到了色带的原因，即它是html元素上指定的背景色。为什么它导致溢出内容上的特定频段我仍然不知道，也没有发现如何使用Chrome开发工具来诊断