Объект перемещения JQuery снизу вверх

Question

У меня есть этот код, чтобы переместить ящик на прокрутку сверху вниз, но я бы хотел отменить его, вместо этого сверху вниз я хотел бы переместить его снизу вверх. Вот мой код, ребята:

<script type="text/javascript"> 
      $(document).ready(function() { 
       $(window).scroll(function() { 
        var x = $(document).scrollTop(); 
        var wh = $(window).height(); 
        console.log($(document).scrollTop()); 
        $('.box').css('top', x); 
       }); 
      }); 
</script> 

UPDATE CSS:

body { 
       background-image:url('bg.jpg'); 
       height: 20000px; 
      } 

      div { 
       width: 50px; 
       height: 50px; 
       background: #f00; 
       top: 0%; 
       position: fixed; 
      } 

эти коды перемещает окно сверху вниз, как переместить его снизу вверх? спасибо ребятам за ваши ответы.

Answer 1

Если я вас правильно понял, вы хотите, чтобы переместить окно снизу вверх, когда вы прокрутки вниз. Надеюсь, это поможет.

$(window).scroll(function() { 
    var x = $(document).scrollTop(); 
    var dh = $(document).innerHeight(); 
    var offset = x/dh*100+'%'; 
    $('.box').css('bottom', offset); 
}); 

http://jsfiddle.net/avDMJ/13/

Answer 2

Было бы хорошо, если вы разместите свой код css.

Но вот одно предложение:

$('.box').css('bottom', wh);