Parallax scrolling - margin not working

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?

  1. var movementSpeed = 35;
  2. var height = movementSpeed / $(window).height();
  3. var witdth = movementSpeed / $(window).width();

  4. $("html").mousemove(function(e){
  5.  var pageX = e.pageX - ($(window).width() / 2);
  6.  var pageY = e.pageY - ($(window).height() / 2);

  7.  var newvalueX = height * pageX;
  8.  var newvalueY = height * pageY;
  9.  newvalueX = -1 * newvalueX;
  10.  newvalueY = -1 * newvalueY;
  11.  $('#movediv').css("margin-top", newvalueX+"px "+newvalueY+"px"); 
  12. });