Chrome scrollTop strickt mode issue

Question

I suddenly had the following stop working:

Html

<a id="scrollTop" href="#">Scroll</a>

jquery

 $("#scrollTop").on("click", function(e){
   e.preventDefault();
   $('html, body').animate({scrollTop: 0}, 'slow');
 });

If I check in console I get this message

body.scrollTop is deprecated in strict mode. Please use 'documentElement.scrollTop' if in strict mode and 'body.scrollTop' only if in quirks mode.

But I haven't changed anything so I don't get it. I did check on other SO questions but it still doesn't work and more importantly I don't understand why it sudden started doing this

It means the script is parsed using strict mode (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode). Is your script by any chance concatenated? — thomaux, Feb 13 '14 at 10:49
It is a warning not a error. It still works for me. http://jsfiddle.net/96Dtm/ — laaposto, Feb 13 '14 at 10:52
Also it works and without e.preventDefault(); http://jsfiddle.net/96Dtm/1/ — laaposto, Feb 13 '14 at 10:53
did you make sure that you are loading your jquery script in the head section of the page ? — Sora, Feb 13 '14 at 10:54
damn! I had overflow-x on css. Shouldn't be using overflow when doing that. Removed it and page is working — rob.m, Feb 13 '14 at 10:54

rob.m · Accepted Answer · 2014-02-13T11:04:00.847

1

I had overflow-x on body in css. Shouldn't be using overflow on body when doing that (scrollTop). Removed it and page is working

edited Feb 13 '14 at 11:04

answered Feb 13 '14 at 10:55

rob.m

9,843
19
73
162

Chrome scrollTop strickt mode issue

1 Answers1