scroll to top inside a scrollable div angularjs

Question

This question has been asked many times, but most of them were unanswered and some of the solutions I tried did not work out.

In my page (angularjs), only the left half of it scrollable, I have put it inside a div element. Now how do I implement scroll to top inside the scrollable div.

For the entire page, i was able to do it with the below code

/** scroll to top function */
$scope.scrollToTop = function($var) {

    $('html, body').animate({
        scrollTop: 0
    }, 'fast');
};

How do I modify it so only in the left part we can scroll to top

you can use id or class of div as a selector $('sample').animate({scrollTop:0},'fast'); — Shubham Nigam
– Shubham Nigam, Commented Jul 23, 2015 at 8:47
worked like a charm thanks, dont know why I dint try that before... keep it as an answer so others will find it useful — akashrajkn
– akashrajkn, Commented Jul 23, 2015 at 9:08

Shubham Nigam · Accepted Answer · 2015-07-23 09:11:53Z

3

Try to do it like with class or id

$('sample').animate({
 scrollTop:0
},'fast');

answered Jul 23, 2015 at 9:11

Shubham Nigam

3,96821 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Endre Simo · Accepted Answer · 2015-07-23 09:16:34Z

2

Try this:

$('html, body').animate(
       {scrollTop: $('#your-element').position().top} , '600', function() { 
            return false; 
       }
);

Here is a working example: http://jsfiddle.net/4wdfb6cu/

edited Jul 23, 2015 at 9:16

answered Jul 23, 2015 at 8:52

Endre Simo

11.6k3 gold badges44 silver badges52 bronze badges

1 Comment

Endre Simo Over a year ago

Try the fiddle provided

Collectives™ on Stack Overflow

scroll to top inside a scrollable div angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related