滚动并获取元素

Question

我想滚动一个特定的 div 并识别我的元素。 我尝试了所有这些找到的方法 这里我的元素是滚动后我想要的元素

JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("scroll(0, 250)");
utils.doubleClick(myelement);

我也尝试过使用发送键和操作类，但没有任何效果 尽管如此，我还是无法识别我的元素 有人可以建议其他方法吗

<div id="emTemplate:cpTree::db" class="x13q" _afrcolcount="1" style="position: relative; width: 172px; overflow: hidden; height: 246px; z-index: 1;">

    <table cellspacing="0" _rowcount="144" _startrow="91" summary="Target Tree" style="position: relative;">
        <tbody>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="65"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="66"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="67"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="68"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="69"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="70"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="71"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="72"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="73"></tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="74">
                <td class="x1bv" nowrap="" _afrndcol="1"></td>
            </tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="75">
                <td class="x1bv" nowrap="" _afrndcol="1">
                    <div style="padding-left:64px;white-space:nowrap;"></div>
                </td>
            </tr>
            <tr class="xwr" style="padding:0px" _afrap="0_1_2_3" _afrrk="76">
                <td class="x1bv" nowrap="" _afrndcol="1">
                    <div style="padding-left:64px;white-space:nowrap;">
                        <span class="xx0" _afrnddth="4" _afrdisimg="0"></span>
                        <span id="emTemplate:cpTree:76:grypgl1" class="x1a">
                            <img id="emTemplate:cpTree:76:gryi1" class="xni" src="/em/images/soacomposite_ena.png" style="width:16px; height:16px; margin-right:3px; vertical-align:middle; cursor:pointer" alt="Oracle SOA Composite" title="Oracle SOA Composite"></img>
                            <span class="xe5" _afrndtxt="1">
                                <span id="emTemplate:cpTree:76:targetLink" class="" style="color: rgb(0, 42, 144); cursor: text;" title="/Farm_SOADomain/SOADomain/wls_soa1/default/PublishActualizedShipCost [2.1]"></span>
PublishActualizedShipCost [2.1]

这是 DOM，使用的 xpath 是：

//div[@id='emTemplate:cpTree::db']/table/tbody//tr/td/div/span/span/span[.='PublishActualizedShipCost [2.1]']

此外，没有 iframe 作为索引 tr[1],tr[2] 上的元素，所有无需滚动即可看到的元素，我只需更改文本即可轻松识别。

Answer 1

JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("arguments[0].scrollIntoView(false);", myelement);

上面的代码应该可以很好地滚动到元素。让我知道这是否有帮助！

如果您尝试滚动到 250 高度，则需要执行以下操作：

long scrollHeight = 250;
JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("window.scrollTo(0, document.body.scrollHeight);");

Answer 2

您可以使用 scrollIntoView 滚动页面直到找到元素

WebDriverWait wait = new WebDriverWait(Scenario1Test.driver, 10); 
WebElement Element= wait.until(ExpectedConditions.elementToBeClickable(By.xpath(" your xpath")));
      
JavascriptExecutor js = (JavascriptExecutor) driver;      
js.executeScript("arguments[0].scrollIntoView();", Element);