确定元素是否高于或低于页面折叠

Question

我有一些页面有多个输入框，用户可以输入文本。其中一些是在点击“下一步”按钮之前填写的。我有弹出验证错误供用户查看但是如果问题是否离开页面我希望页面滚动到它而不是他们必须搜索丢失/错误的字段。

我有一个滚动到位，但我无法确定要滚动到哪个元素的元素。例如，如果页面折叠上方的输入我想滚动到标签，以便他们可以看到错误和输入。但如果它低于折叠，我会选择输入，以便显示在首屏上方。这有什么意义吗？

我想我真正想问的是，有没有办法确定元素在页面上的位置。如果它在折叠上方滚动到标签，但如果它在折叠下方，则滚动到输入？

现在我只是滚动到错误的输入字段。

$(".container-content").mCustomScrollbar("scrollTo",$('.container-content').find('input.error:first')); //Yes I am using a plugin for the scroll

如果我只是滚动到标签，那么它看起来像这样。

Answer 1

您可以使用此功能： Jsfiddle

def read_fun_generator(filename):
    with bz2.open(filename, 'rb') as f:
        for line in f:
            yield line.strip()

bz2_filelist = glob.glob("/path/to/files/*.bz2")
rdd_from_bz2 = sc.parallelize(bz2_filelist).flatMap(read_fun_generator)

最初发布了Here

新api ，您可以在11个额外步骤中使用lol https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Browser_compatibility

Answer 2

在您要跟踪的html中创建和元素。例如

Maybe

在您的component.ts

中

<div #elementToTrack ></div>