如何使背景圖片滾動速度比頁面慢？

Question

我在這里尋找的示例： https : //www.98point6.com/

有沒有一個干凈的javascript解決方案？ 到目前為止，我還無法實現找到的代碼。

Answer 1

嘗試這個。 wscroll捕獲滾動事件的位置，我們可以使用該值除以傳遞給css translation屬性的內容，從而以較慢的速度滾動內容。

$(document).ready(function () {
$(window).scroll(function () {
    var wScroll = $(this).scrollTop();
    $(elementyouwanttoscrollslower).css({
       'transform': 'translate(0px, '+ (wScroll/2)+'px)'
    });

}}