Function to move scroll to the right-top corner of DIV in jQuery

Question

 <div style=width:200px;height:200px;border-style:solid;overflow:scroll;> <div style=width:500px;height:500px;> Text, something </div> </div> 

This is example html code. I need to move view (Scroll) of div to right-top on event (For example on button click).

Answer 1

scrollLeft和scrollTop是正确的方法，但是您可以添加动画和动态值以获得更好的灵活性： https : //jsfiddle.net/twey5d7u/

Answer 2

Try jQuery .scrollLeft() . Here is the working code.

 $(function() { $('#scroll').click(function() { var $scroll = $('.scrollthis'); $scroll.parent().scrollLeft($scroll.width()); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="width:200px; height:150px; border-style:solid; overflow:scroll;"> <div class="scrollthis" style="width:500px; height:500px;"> Text, something </div> </div> <button id="scroll">Scroll</button> 

Answer 3

I found a solution:

$(MainDiv).scrollLeft(DivInsideWidth);
$(MainDiv).scrollTop(0);