How to scroll page to the element with Jquery ScrollTo() using class selector?

Question

On a base of this question i'd like to ask a question: How can solve the same problem using class selector $('.class')?

I get Uncaught TypeError: undefined is not a function

When trying to run this

$('html, body').animate({
    scrollTop: $('input.ng-invalid').offset().top
}, 2000);

Unless `input.ng-invalid` doesn't return an element, then calling `offset` would return `undefined`, and `top` wouldn't be defined, but that should give you a different error. — adeneo, Jan 20 '15 at 10:10
@adeneo it does return an element, but offset is still undefined — Ilya Libin, Jan 20 '15 at 10:11
But the error you've posted seems completely unrelated. What you've got should work just fine, see this -> **http://jsfiddle.net/w8fp9qke/1/** — adeneo, Jan 20 '15 at 10:12
@adeneo Oh sh*t you are right, the problem is that i have no jquery, I worked with built in Angular's jqlite... :) Totaly forgot it.... — Ilya Libin, Jan 20 '15 at 10:20

score 2 · Answer 1 · answered Jan 20 '15 at 10:21

2

Try this

var sc = $('div[class="classname"]').offset().top;
        $('body,html').animate({
            scrollTop: (sc - 30)
        },
        'slow');

answered Jan 20 '15 at 10:21

Manoj

score 1 · Answer 2 · answered Jan 20 '15 at 10:20

1

I am not sure, but this is what you want? http://jsfiddle.net/65q6xo95/1/

$('html, body').animate({
    scrollTop: $('.ng-invalid:first').offset().top
}, 2000);

answered Jan 20 '15 at 10:20

Paulo Segundo

2 Answers2