javascript - How to div scroll -

javascript - How to div scroll -

<div class="btn-toggle"> <div class="description "> <div class="area" style="height: auto; visibility: visible; overflow: hidden;"> <div class="scrollbar" style="height: 340px;"> <div class="watch" style="height: 340px;"> <div class="round" style="height: 100px; top: 0px;"></div> </div> </div>

while running selenium code, need scroll bottom of div. how update "style =height: 100px; top: 100px;".

how accomplish using javascript?

sorry there little confusion ,but not not now. check out fiddle .see style properly.

working fiddle

use next code , want scroll bottom of "round" div,

var scr = $('#box')[0].scrollheight; $('#box').animate({scrolltop: scr},2000);

css :

#box{ overflow:auto; width:300px; height:200px; }

say html is

<div id="box"> lorem ipsum dolor sit down amet, consectetur adipiscing elit. etiam non tellus nisi, @ euismod lacus. praesent elementum, purus vitae imperdiet bibendum, erat nisl congue libero, vitae bibendum diam quam sed orci. integer magna justo, dapibus et sagittis et, porta sit down amet augue. ut sed felis et odio egestas sodales eget vel sapien. vivamus laoreet fermentum odio, european union fringilla nisi pulvinar at. cras quis mauris erat, et varius massa. aenean sit down amet consequat purus. aenean @ lectus sem. donec lobortis pulvinar ornare. lorem ipsum dolor sit down amet, consectetur adipiscing elit. nulla vitae turpis massa, quis vehicula mauris. fusce in ante libero. aliquam consectetur suscipit dui european union vestibulum. aenean felis purus, volutpat et sollicitudin at, feugiat non odio. sed feugiat, augue non volutpat congue, ipsum magna vehicula dolor, non ornare mi mauris nec ipsum. integer sed odio eget nisl posuere porttitor vitae suscipit lectus. cras vehicula, justo nec ornare rhoncus, enim urna euismod justo, quis scelerisque metus dolor @ leo. maecenas non elit sapien. proin fringilla pellentesque ultrices. proin rhoncus eleifend nisl, nec consequat dui porta id. aliquam ut erat libero. integer @ tristique est. duis iaculis, augue vel tempus congue, elit mi pellentesque felis, ut interdum risus tortor vitae nulla. praesent malesuada mattis fermentum. donec luctus pharetra nem, erat nisl congue libero, vitae bibendum diam quam sed orci. integer magna justo, dapibus et sagittis et, porta sit down amet augue. ut sed felis et odio egestas sodales eget vel sapien. vivamus laoreet fermentum odio, european union fringilla nisi pulvinar at. cras quis mauris erat, et varius massa. aenean sit down amet consequat purus. aenean @ lectus sem. donec lobortis pulvinar ornare. lorem ipsum dolor sit down amet, consectetur adipiscing elit. nulla vitae turpis massa, quis vehicula mauris. fusce in ante libero. aliquam consectetur suscipit dui european union vestibulum. aenean felis purus, volutpat et sollicitudin at, feugiat non odio. sed feugiat, augue non volutpat congue, ipsum magna vehicula dolor, non ornare mi mauris nec ipsum. integer sed odio eget nisl posuere porttitor vitae suscipit lectus. cras vehicula, justo nec ornare rhoncus, enim urna euismod justo, quis scelerisque metus dolor @ leo. maecenas non elit sapien. proin fringilla pellentesque ultrices. proin rhoncus eleifend nisl, nec consequat dui porta id. aliquam ut erat libero. integer @ tristique est. duis iaculis, augue vel tempus congue, elit mi pellentesque felis, ut interdum risus tortor vitae nulla. praesent malesuada mattis fermentum. donec luctus pharetra nem, erat nisl congue libero, vitae bibendum diam quam sed orci. integer magna justo, dapibus et sagittis et, porta sit down amet augue. ut sed felis et odio egestas sodales eget vel sapien. vivamus laoreet fermentum odio, european union fringilla nisi pulvinar at. cras quis mauris erat, et varius massa. aenean sit down amet consequat purus. aenean @ lectus sem. donec lobortis pulvinar ornare. lorem ipsum dolor sit down amet, consectetur adipiscing elit. nulla vitae turpis massa, quis vehicula mauris. fusce in ante libero. aliquam consectetur suscipit dui european union vestibulum. aenean felis purus, volutpat et sollicitudin at, feugiat non odio. sed feugiat, augue non volutpat congue, ipsum magna vehicula dolor, non ornare mi mauris nec ipsum. integer sed odio eget nisl posuere porttitor vitae suscipit lectus. cras vehicula, justo nec ornare rhoncus, enim urna euismod justo, quis scelerisque metus dolor @ leo. maecenas non elit sapien. proin fringilla pellentesque ultrices. proin rhoncus eleifend nisl, nec consequat dui porta id. aliquam ut erat libero. integer @ tristique est. duis iaculis, augue vel tempus congue, elit mi pellentesque felis, ut interdum risus tortor vitae nulla. praesent malesuada mattis fermentum. donec luctus pharetra nem, erat nisl congue libero, vitae bibendum diam quam sed orci. integer magna justo, dapibus et sagittis et, porta sit down amet augue. ut sed felis et odio egestas sodales eget vel sapien. vivamus laoreet fermentum odio, european union fringilla nisi pulvinar at. cras quis mauris erat, et varius massa. aenean sit down amet consequat purus. aenean @ lectus sem. donec lobortis pulvinar ornare. lorem ipsum dolor sit down amet, consectetur adipiscing elit. nulla vitae turpis massa, quis vehicula mauris. fusce in ante libero. aliquam consectetur suscipit dui european union vestibulum. aenean felis purus, volutpat et sollicitudin at, feugiat non odio. sed feugiat, augue non volutpat congue, ipsum magna vehicula dolor, non ornare mi mauris nec ipsum. integer sed odio eget nisl posuere porttitor vitae suscipit lectus. cras vehicula, justo nec ornare rhoncus, enim urna euismod justo, quis scelerisque metus dolor @ leo. maecenas non elit sapien. proin fringilla pellentesque ultrices. proin rhoncus eleifend nisl, nec consequat dui porta id. aliquam ut erat libero. integer @ tristique est. duis iaculis, augue vel tempus congue, elit mi pellentesque felis, ut interdum risus tortor vitae nulla. praesent malesuada mattis fermentum. donec luctus pharetra nem, erat nisl congue libero, vitae bibendum diam quam sed orci. integer magna justo, dapibus et sagittis et, porta sit down amet augue. ut sed felis et odio egestas sodales eget vel sapien. vivamus laoreet fermentum odio, european union fringilla nisi pulvinar at. cras quis mauris erat, et varius massa. aenean sit down amet consequat purus. aenean @ lectus sem. donec lobortis pulvinar ornare. lorem ipsum dolor sit down amet, consectetur adipiscing elit. nulla vitae turpis massa, quis vehicula mauris. fusce in ante libero. aliquam consectetur suscipit dui european union vestibulum. aenean felis purus, volutpat et sollicitudin at, feugiat non odio. sed feugiat, augue non volutpat congue, ipsum magna vehicula dolor, non ornare mi mauris nec ipsum. integer sed odio eget nisl posuere porttitor vitae suscipit lectus. cras vehicula, justo nec ornare rhoncus, enim urna euismod justo, quis scelerisque metus dolor @ leo. maecenas non elit sapien. proin fringilla pellentesque ultrices. proin rhoncus eleifend nisl, nec consequat dui porta id. aliquam ut erat libero. integer @ tristique est. duis iaculis, augue vel tempus congue, elit mi pellentesque felis, ut interdum risus tortor vitae nulla. praesent malesuada mattis fermentum. donec luctus pharetra neque, non dignissim sem condimentum vitae. quisque varius nibh nec felis facilisis nec consectetur augue ultrices. nullam ut arcu nisi, european union volutpat neque. etiam lobortis, erat vel mollis aliquam, sapien eros bibendum erat, vel mollis purus neque sit down amet quam. proin semper aliquet leo. morbi erat ipsum, vehicula eget mattis sed, venenatis in lectus. cras quis dui nunc. vestibulum viverra tempus nisl pulvinar tempor. donec vitae nunc quam, european union placerat nulla. suspendisse potenti. nulla ante dolor, varius eget porttitor eu, malesuada vel nisl. vestibulum in justo eros. maecenas id lorem metus, et auctor nibh. maecenas ut porttitor felis. praesent blandit elementum fringilla. curabitur tincidunt, libero in convallis volutpat, enim purus sodales lacus, vel euismod ante erat nec est. nam non metus quis lorem ornare dictum sit down amet et mauris. curabitur molestie porta tortor vel adipiscing. pellentesque sed nulla vel neque tempor sodales. aliquam erat volutpat. nullam nisl mauris, faucibus @ blandit mollis, malesuada european union risus. nunc urna lacus, egestas et euismod non, vehicula sed ligula. </div>

javascript jquery css css3