skrollr

0熱度

1回答

我正在製作滾動故事。所有div都相互位於頂部，並通過滾動動畫相互淡入淡出。當某些div顯示時，我需要在背景中播放一些音樂和音頻，所以我認爲最簡單的方法是使用某種if opacity is more than 0 on div 1 play this audio。但我不知道這是可能的，通過jQuery和如何工作？褪色動畫是BTW控制與skrollr。這是一個用於幻燈片滾動等的CSS動畫庫。

2熱度

3回答

在水平滾動上移除或模糊線條？

我正在使用「Skrollr」在水平滾動網站上工作。我正在嘗試排列圖片並製作滾動循環。然而，無論我做什麼，圖片之間似乎都有一條非常細的白線。無論如何，使部分/圖片重疊幾個像素或任何其他解決方案來解決這個問題？我創建了一個JSFiddle來演示這個問題。我還列出了下面的基本設置。 https://jsfiddle.net/9xvu128g/ 更新：這種情況無論所使用的圖片看到這第二的jsfiddle：

1熱度

1回答

Skrollr頁面上的移動導航欄水平滾動

我的移動導航欄位置固定在屏幕底部並溢出到右側。我希望能夠水平滾動，但是，skrollr似乎捕獲滾動事件並將其轉換爲垂直滾動。一旦我禁用skrollr，我可以水平滾動導航欄。我試着將navbar的zindex儘可能地高，但skrollr仍然會觸摸它。這可能嗎？編輯：想上傳的什麼，我想實現，使之更加清晰的草圖。的疊加位置固定，坐在屏幕的底部，Z指數高於一切，用它的內容溢出到右： white

-2熱度

1回答

Javascript回調未按正確順序發射

我正在使用jQuery，skrollr和skrollr-menu創建特定的導航動畫。我希望動畫如下：鏈接黑色格消失在頁面頁面滾動下方的位置黑色格淡出和關上用戶點擊頁你可以在http://www.gramercyparkhotel.com/看到一個動畫的例子。這似乎很簡單，但是，當<div>漸隱時，滾動會在動畫結束前觸發，導致滾動內容在屏幕變黑之前閃爍。這不應該發生，因爲所有事情都是使用回

0熱度

1回答

flexslider和skrollr background-attachment：fixed;將讓幻燈片消失

我試圖用skrollr.js添加視差效果到flexslider，這一切都工作到目前爲止。我的問題是，我不能設置幻燈片： slides li { background-attachment: fixed; } 它會讓幻燈片消失。沒有背景固定我不能達到想要的效果。我曾嘗試，然後再加載flexslider skrollr以確保HIGHT等將skrollr事後計算.. 我也刪除的WebKit在fl

2熱度

1回答

水平滾動行爲的垂直內置

頁我都基於相同的概念，這個演示建立了自己的網頁：https://ihatetomatoes.net/demos/full-screen-layout-with-skrollr/ 問題是，當沒有經驗的用戶瀏覽他們的移動設備。他們立即嘗試在頁面中間水平滾動。我的意圖是啓用水平滾動，因爲它也是垂直的。這將是解釋在iPad上的「滾動」權利將等於垂直向下滾動。除了正常的垂直滾動。是否有任何jQuery

2熱度

1回答

Skrollr - 任何其他jQuery動畫衝突

Skrollr是驚人的插件。然而，作爲初學者，我遇到了一些問題，這些問題似乎是我在這裏失蹤的一些明顯的細節，它不會讓我創建任何其他常規的jQuery動畫來工作。下面有到測試端的鏈接顯示的問題： www.vieckowski.com/test 簡單。如果我從index.html中刪除Skrollr驅動部分，則可以通過單擊白色按鈕來設置綠色元素的高度。如果我放回Skrollr驅動部分，jQuery將停

3熱度

2回答

白色補丁出現在圖像中，網站不滾動到其全長，skrollr js移動視差問題

以下所有問題都是在通過手機訪問時發生的。我爲我的客戶之一使用了skrollr js。共有4個視差部分。前兩幅圖像完美地工作，但第三幅圖像很小，最後一幅幾乎是半空白（白色斑塊）。隨着這個問題，網站不滾動到其全長。更詳細地說明： IMG1：白色補丁可見。它不是恆定的，有時會出現完整的圖像，有時它不 IMG2：網站無法所示部分的下方滾動。 JavaScript的，我現在用的就是： var s =

4熱度

1回答

在React中動態設置屬性鍵（例如data- {foo} =「bar」）

如果您知道該鍵，則在React中設置屬性非常簡單。 data-500={this.props.YDistance} 但如何能一個動態設置鍵的一部分。例如 data-{this.props.YDistance}="valueHere" var Test = React.createClass({ render: function() { return ( <div

3熱度

1回答

與溢出元素skrollr問題：滾動

我想借助skrollr製作一些漂亮的單頁與一些動畫。舉一個非常簡單的例子，有三張幻燈片，幻燈片只是固定位置，寬度和高度均爲100％，最後一張幻燈片有一個溢出：自動啓動，這樣就可以滾動其內容，不需要任何動畫，並且可能不會需要超過100％的高度，例如。關於，請聯繫我們和頁腳部分。我的理解是，我可以使用skrollr來設置不透明度0或元素上的無顯示。第一個和第二個Z-index比第三個Z-index要