jquery移動對象從下到上

我有這個代碼來移動從上到下滾動框，但我想倒過來，而不是從上到下我想從下往上移動它。這裏是我的代碼的傢伙：jquery移動對象從下到上

<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>

更新CSS：

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

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

這個代碼從頂部移動框底部，如何把它從底部移動到頂部？感謝你們的答案。

來源

2013-11-22 user3012847

我想$（ '盒子 '）的CSS（' 頂'，$（文件）.scrollTop（））應該將文本框移動到窗口頂部（如果框位置：絕對的身體），你可以創建jsfiddle嗎？ – Andrew

如果我理解正確的，你想從底部移動的方塊，當你向下滾動到頂部。希望這會有所幫助。

$(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/

來源

2013-11-22 10:17:10

這就是我要找的。謝謝@邁克爾朱克:) – user3012847

如果你發佈你的css代碼會很好。

但這裏是一個建議：

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

來源

2013-11-22 09:35:25

jquery移動對象從下到上

回答

相關問題