Wie scrolle ich horizontal auf ein div?

Question

ich auf einem div zu horizontaler Scroll versuchen aber leider kann, dass

Below nicht zu tun das div Popup ist -

Das sich die HTML -

<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 versuche mit JavascriptExecuter, aber nicht funktioniert

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

Answer 1

alle geposteten Optionen funktionieren nicht in meinem Fall aber schließlich fand ich eine Lösung

In meinem Fall, wenn ich blättere, der <style> Attributwert immer Wechsel von

<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;"> 

zu

<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;"> 

auf diese Weise, was ich getan habe, ist ich setzen Sie die <style> Tag-Wert mit JavascriptExecuter wie folgt -

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;')"); 

und seine Arbeit. :)

Answer 2

Try this:

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

Answer 3

andere Art und Weise, dies zu tun ist

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

Diese ermöglichen soll, verwenden Recht auf angegebenes Element

Answer 4

Sie die Überlauf-Eigenschaft verwenden, kann blättern, wenn Sie Ich möchte eine bessere Kontrolle über das Layout haben. Der Standardwert ist sichtbar.

HTML-Code:

<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-Code:

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

von über CSS-Eigenschaft verwenden (overflow-x: scroll;) können Sie horizontal scrollen.