StellarJs 視差背景圖像不起作用

Question

我知道還有其他類似的問題，相信我，我已經討論了將近兩天了。

我正在嘗試使用 StellarJs 在我網站的標題中創建一個視差背景圖像。 不幸的是，它對具有指定data-stellar-background-ratio的元素沒有任何影響。

這是一個演示（與我的本地機器上的 bg 圖像不同）。

我什至制作了一個與網站上的示例完全相同的版本，但它仍然無法正常工作。 我研究了其他 4 個類似問題的解決方案，但沒有一個對我有幫助。 我在這里不知所措。

Answer 1

好的，所以我無法與您的本地副本交談，但我知道至少我通過將 Stellar 源代碼移動到外部資源然后添加缺失的);來修復這個副本); 在$(document).ready()函數的末尾並修復該語法錯誤。 您可能需要檢查您的本地版本以查看是否有類似的內容，並檢查您的開發工具的控制台以查看是否存在您遺漏的任何語法問題。

Answer 2

在石膏板上打了幾個洞后，我意識到問題與所討論的元素或我調用恆星函數的方式無關。 它與這里的一小段 CSS 有關：

html, body {
    overflow-x: hidden;
    height: 100%;
}

似乎您不能將 100% 的高度應用於html和body標簽，因為在刪除高度聲明后，它就像一個魅力！ 我很困惑為什么，我將聯系 StellarJs 的創建者，看看它是否是一個錯誤，或者它是否是出於某種我忽略的原因有意/預期的行為。

可以在此處找到 height 100% 問題的解決方法： height: 100% 或 min-height: 100% for html 和 body 元素？