外掛網址:
parallax.js
使用的話可以直接在 html 使用 attributes。
- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div>
js 的話則是這樣。
- $('.parallax-window').parallax({imageSrc: '/path/to/image.jpg'});
一些參數的設定外掛頁面也有說明,特別要注意的是由於他的 z-index 預設是 -100,所以如果看不到外掛效果的話調整一下 z-index 應該就可以了。
這邊有我套用過的效果頁面。
0 意見:
張貼留言