Javascript - is there an alternative for element.scroll or element.scrollTo in Safari?

Question

I've just noticed that the .scroll and scrollTo methods are undefined when invoked on DOM elements in Safari. Chrome and Firefox seem to handle the issue right.

I've added this jsfiddle to ilustrate the problem. Open it in Chrome, Firefox and Safari to and check the Console panel. I'm on a mac, by the way.

Do you know of any alternative or woraround?

Try looking here: http://stackoverflow.com/questions/5007530/how-do-i-scroll-to-an-element-using-javascript — spencer.sm, Feb 03 '17 at 16:07
@spencer.sm I actually need to scroll horizontally from javascript — Sebi Kovacs, Feb 03 '17 at 16:10
I'd recommend updating your question to include that detail. — spencer.sm, Feb 03 '17 at 16:16
@GOTO0 thank you for your answer, this did the trick for me. Please add your comment as an answer so I can accept it. — Sebi Kovacs, Feb 07 '17 at 08:06

score 2 · Accepted Answer · answered Feb 07 '17 at 09:01

2

The .scrollLeft and .scrollTop properties are well supported in current browsers, including Safari, and can be used to get or change horizontal and vertical scrolling offset.

element.scrollLeft = x;
element.scrollTop  = y;

answered Feb 07 '17 at 09:01

GOTO 0

42,323
22
125
158

score 0 · Answer 2 · answered Feb 03 '17 at 16:03

0

Chrome is throwing undefined for me as well. I think these methods are only window methods see w3 schools reference here.

answered Feb 03 '17 at 16:03

realappie

4,656
2
29
38

you are right. Looks like I have some extra functionality enabled in Chrome via flags. Anyway, I need to scroll horizontally via javascript, any thoughts on that? – Sebi Kovacs Feb 03 '17 at 16:12

Javascript - is there an alternative for element.scroll or element.scrollTo in Safari?

2 Answers2