這個想法是有 5 個部分，分別命名為 section1、section2 等。每個部分都有自己的圖像。當用戶滾動時，圖像應該通過改變不透明度“淡出”和“淡入”，并且使用 transform3D 會有輕微的放大/縮小效果。我試圖達到與此相同的結果：http://www.moxhe.com.au/我嘗試開始的事情是這樣的jQuery(document).ready(function() {        jQuery(window).scroll(function(event) {            let scroll = jQuery(this).scrollTop();            let opacity = 1 - (scroll / 1000);            var x = (scroll / 100);            if (opacity >= 0) {                jQuery('#section1').css({'opacity': opacity , 'transform': "scale(" + x + "," + x + ")"});            }        });    });現在，這確實會在您滾動時產生不透明度變化 - 問題是，它適用于滾動時的整個頁面，但我希望只有當您的用戶在 ID 為 section1 的 div 中/周圍滾動時才會發生效果我知道它應用于整個窗口，因為 .scroll 應用于 jQuery(window)。我試過使用 jQuery('#section1') 但如果我這樣做什么也不會發生。我已經嘗試添加一個 transform3D 效果，如http://www.moxhe.com.au/所示，但我也在努力讓它工作，只有當用戶四處滾動時，向下滾動應該有小幅減少，向上滾動應該有小幅增加帶有 bg 圖像的特定 div。長話短說，我需要制作與http://www.moxhe.com.au/相同的 css 動畫，但我正在努力將 css 效果應用于頁面的特定部分/div，其 ID 應為整個頁面.