Parallax scrolling - margin not working
Hello!
I have got this parallax scrolling script. So far it works, but only with background-position. Any time I try to use it with margin it doesn't seem to move.
Does anyone know a solution?
- var movementSpeed = 35;
- var height = movementSpeed / $(window).height();
- var witdth = movementSpeed / $(window).width();
- $("html").mousemove(function(e){
-
- var pageX = e.pageX - ($(window).width() / 2);
- var pageY = e.pageY - ($(window).height() / 2);
- var newvalueX = height * pageX;
- var newvalueY = height * pageY;
- newvalueX = -1 * newvalueX;
- newvalueY = -1 * newvalueY;
- $('#movediv').css("margin-top", newvalueX+"px "+newvalueY+"px");
- });