滾動一些股利和同時滾動體

Question

首先我不想開始問，我想知道它是怎麼做的，有一個像之前嘗試此：

body{width: 100%; height: 150%; background: url('someimg.png') no-repeat; background-size: 100% 100%} 
div{width: 100%; margin-top: 300px; height: 100%; background: red;}//and this div contains other elements so his content became scrollable 

現在你應該知道的一些例子中當你向下滾動時，後面的滾動條和前面一樣滾動，但是背面比前面慢很多，就像我向下滾動30％一樣，我希望身體有150％的高度向下滾動30％，div與300％的高度滾動同時向下滾動30％，看起來背景圖像也滾動，但速度較慢。

我想問你用哪種方式？

CSS3, JAVASCRIPT or SOMETHING ELSE? OR MIXED? 

Answer 1

好了，所以我認爲你正在尋找的視差效果。你可以使用jQuery自己手工編寫代碼，有時候也可以使用CSS，但是如果你剛剛開始，可能需要很長時間，我建議你使用如下插件：
1. Parallax.js
2 。Skrollr
3. Parallax-Scroll
多的...只是谷歌視差滾動插件，因爲其中有些是很容易使用，這將節省大量的時間。