當滾動時移動背景的圖片

我剛剛嘗試了一些效果，包括移動的背景，但是當使用下面的代碼時，背景會越來越大，因爲您在長頁面上向下滾動。任何關於如何在圖像結束時停止的建議（如果你知道我的意思是......）。向下滾動時，我不想讓空白變得可見。當滾動時移動背景的圖片

body { 
    background: url(/images/bg.jpg) no-repeat center center fixed; 
    background-position:center; 
    background-size: 110% 120%; 
    background-repeat: no-repeat; 
} 

<script> 
    $(document).ready(function() { 
     $('body').mousemove(function (e) { 
      var x = -(e.pageX + this.offsetLeft)/20; 
      var y = -(e.pageY + this.offsetTop)/20; 
      $('body').css('background-position', (-3 + x) + 'px ' + (-3 + y) + 'px'); 
     }); 
    }); 
</script>

來源

2014-02-27 vsdev

您可以在此頁面或bg.jpg – Dheeraj

的鏈接獲取背景圖像高度的第一（BH）和窗口的高度（WH），然後檢查對於這種情況：if（（BH-WH）> e.pageY）{//像你這樣做}。希望你的問題能夠解決。 –

@Dheeraj你應該能夠使用任何圖像，因爲大小設置爲110％和120％。 – vsdev

你可以試試這個： -

html{ height:100%; width:100%;} 
body {height:100%; width:100%; overflow:hidden;}

來源

2014-02-27 05:55:33 Dheeraj

我已經有這些設置除了溢出：隱藏這將完全帶走我的滾動條。所以不行。 :) – vsdev

當滾動時移動背景的圖片

回答

相關問題