Changing the offset of div with javascript

Question

I'm trying to create my own scroller and I have a long horizontal table contained in a div and I'm currently just trying to be able to move the div left or right.

I tried the following:

var d = document.getElementById("scroll");
d.style.color = "blue";
d.style.left = -300;

The color was to see if I could access the div from the scroll "class". It turns blue, however it's not able to offset left by 300, nothing happens.

What am I doing wrong?

Weafs.py · Accepted Answer · 2015-01-19 14:33:36Z

2

I see three issues:

The element is not positioned(left, right, top and bottom properties will work if the element is positioned). Alternatively, you could use marginLeft.
-300 does not have quotes or double quotes around it.
You are missing the units px.

var d = document.getElementById("scroll");
d.style.color = "blue";
d.style.position = "relative";
d.style.left = "-300px";

answered Jan 19, 2015 at 14:33

Weafs.py

23k9 gold badges58 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

Changing the offset of div with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related