divの水平スクロール方法は？

Question

以下

はdiv要素のポップアップであることを、私はdivの上に水平スクロールしようとしていますが、残念ながらできませんがする -

<div id="mCSB_4_scrollbar_horizontal" class="mCSB_scrollTools mCSB_4_scrollbar mCS-dark-thin mCSB_scrollTools_horizontal" style="display: block;"> 
    <div class="mCSB_draggerContainer"> 
    <div id="mCSB_4_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 552px; width: 552px; left: 0px; display: block; max-width: 793px;" oncontextmenu="return false;"> 
     <div class="mCSB_dragger_bar"></div> 
    </div> 
    <div class="mCSB_draggerRail"></div> 
    </div> 
</div> 

I -

これはHTMLをそれ試してみてJavascriptExecuterを使ってみましたが、動作しません。

WebElement scroll = driver.findElement(By.id("mCSB_4_dragger_horizontal")); 
    JavascriptExecutor js = (JavascriptExecutor)driver; 
    js.executeScript("arguments[0].scrollIntoView()", scroll); 

Answer 1

すべての投稿のオプションは、私の場合で働いていませんが、私はスクロール行うときに最終的に私は、私の場合は

<div id="mCSB_4_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 30px; width: 441px; left: 362px; display: block; max-width: 793px;" oncontextmenu="return false;"> 

へ

<div id="mCSB_4_dragger_horizontal" class="mCSB_dragger" style="position: absolute; min-width: 552px; width: 552px; left: 0px; display: block; max-width: 793px;" oncontextmenu="return false;"> 

からの変更を取得<style>属性値をひとつのソリューション

を見つけました

このように私は何をしましたか<style>タグの値をJavascriptExecuterのように設定しました -

JavascriptExecutor jse = (JavascriptExecutor) driver; 
jse.executeScript("document.getElementById('mCSB_4_dragger_horizontal').setAttribute('style', 'position: absolute; min-width: 30px; width: 441px; left: 362px; display: block; max-width: 793px;')"); 

とその動作。 :)

Answer 2

はこれを試してください：あなたがこれを行うことができます

js.executeScript("arguments[0].scrollIntoView(true);", scroll); 

Answer 3

もう一つの方法は、これは、ときにあなたがoverflowプロパティを使用することができます右の指定された要素に

Answer 4

をスクロールできるようにする必要があり

js.executeScript("arguments[0].scrollTo()", scroll); 

を使用することですレイアウトをより良くコントロールしたいデフォルト値が表示されます。

HTMLコード：

<div class="scroll"> 
    You can use the overflow property when you want to have better control of the layout. The default value is visible. 
</div> 

CSSコード：

div.scroll{ 
    background-color:#00FFFF; 
    height:40px; 
    overflowx:scroll; 
    white-space: nowrap; 
} 

CSSプロパティ（overflow-x: scroll;）の上に使用することにより、あなたが水平方向にスクロールすることができます。