根据容器的位置在滚动上绘制svg

Question

我正在使用jQuery和插件drawingvg在这个官方演示中显示滚动的svg： Screenshot : 403 Status code

我想在页面的不同部分获得相同的效果：

• 该页面包含一些部分（未定义的高度）

• 当滚动部分1 =＆gt;揭晓svg 1

• 当滚动部分2 =＆gt;揭晓svg 2

官方演示的代码是：

var max = $doc.height() - $win.height() - $('.section').height()  ;

我试过了：

public void waitForElementToBeVisible(String xpath) throws Throwable {
    try {
        WebDriverWait wait = new WebDriverWait(driver, 15);
        wait.until(ExpectedConditions.or(
                ExpectedConditions.visibilityOfElementLocated(By.xpath(xpath))
        ));
    }
    catch(Exception e) {
        System.out.println("Timeout exceeded");
        driver.close();
    }
}

这是我的代码：https://codepen.io/lcdsantos/pen/zvGQYB

但这不是好方法。

我也看过了waypoints插件，但我不明白如何将它们结合起来。 https://codepen.io/PiccolinaEma/pen/wqpXea?editors=1111

我怎样才能做到这一点？

Answer 1

尝试使用＆＃39; clientHeight（）＆＃39; （JavaScript navite方法）。