style.marginTop in JS does not work with negative value

Question

So, I try to add the current window.pageYOffset value as a marginTop value for someone container on the page with onclick event. But it does not happen.

Also I want to admit, that there is no problem with adding a positive value of the window.pageYOffset to marginTop.

Here my code:

    let a = window.pageYOffset;

    const rightColumn = document.querySelector('.right-side__column');
    rightColumn.style.marginTop = '-' + a + 'px'; // in such way a in 
                                           // padding even equal to 0.

    // rightColumn.style.marginTop = a + 'px'; - work fine, the value is transfer normally.

Possible duplicate of [Why does CSS not support negative padding?](https://stackoverflow.com/questions/4973988/why-does-css-not-support-negative-padding) — Athul Nath, Mar 29 '18 at 05:36
@MaxWolfen Then `style.paddingTop in JS does not work with negative value` ==> why this title — Athul Nath, Mar 29 '18 at 05:39
CSS does not allow negative padding, pls refer [here](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left) — Ashish Mishra, Mar 29 '18 at 05:39
I repeat again - the problem with marginTop as with the paddingTop are the same! @Ahuresh Read posts carefully before send it on the duplicate tag! — Max Wolfen, Mar 29 '18 at 05:41
Does this work? `let a = 0 - window.pageYOffset; /*truncated*/ rightColumn.style.marginTop = a + 'px';` — admcfajn, Mar 29 '18 at 05:46

score 0 · Answer 1 · answered Apr 01 '18 at 16:31

0

Instead of what you did, try using 0 - a + "px".

answered Apr 01 '18 at 16:31

fig

364
2
11

style.marginTop in JS does not work with negative value

1 Answers1