Skrollr抖動和跳躍的絕對定位

我一直在研究包裹在尾聲滑塊現在一段時間的視差skrollr，但我發現我有一個轉換問題。每當你滾動skrollr boddy閃爍的元素並跳轉。我已經閱讀了每一個線程，併發布了關於這個沒有直接的答案如何解決它。我真的在wh end中結束。Skrollr抖動和跳躍的絕對定位

我一直在使用絕對位置的元素，並使skrollr身體的絕對位置以及沒有運氣。

以及我已將平滑滾動設置爲false，因爲幀之間的補間也很分散注意力。

有沒有人有這個問題？

這裏是現在鏈接的網站http://www.littleluxury.co.za 移動和桌面都在滾動。

如果有人能夠啓發我，爲什麼我看到的例子是光滑的，而且看起來像這樣，我非常感激。

來源

2013-12-23 Neil Bothma

發佈您正在使用的代碼，以便我們可以嘗試修復它或創建一個小提琴 – man

這是大量的代碼發佈 - ，我試過它在Firefox上，它絲綢般光滑，它似乎是一個鉻和一個狩獵問題。這可能是一些進一步調查的縮小問題。 –

它添加到div

<div data-smooth-scrolling="off">

應該是更好的事後

來源

2013-12-23 16:45:22 sabatino

我將它添加到了獨立元素以及＃skrollr-body，並且仍然體驗了Chrome中的抖動，我通常在標記之前的skrollr intialiase中設置了smoothScroll：false。這只是爲了擺脫轉換之間的補間。真正的問題是在鉻和Safari瀏覽器中發生的跳躍。就像我之前說的，Firefox在完美顯示這個skrollr時沒有問題。它必須是safari和chrome解釋錯誤的東西。 –

你向下滾動 - >元素動起來，因爲他們是在文檔流程 - 在> skrollr的下一個動畫循環踢（幾ms後） - >它將元素移動到不同的位置，因爲您的動畫

我建議定位固定的元素並使用translate()來移動它們。

來源

2013-12-23 19:01:30 Prinzhorn

輝煌。這工作完美 –

Es！我一直在尋找幾天的答案，並且background-attachment：fixed就是答案！之後需要稍微調整一下，使其向正確方向滾動，但這不是什麼大問題。

請參閱http://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website一個很好的，詳細的教程，它可以平滑滾動並使用固定的背景技術。

來源

2014-05-10 04:04:10

Skrollr抖動和跳躍的絕對定位

回答

相關問題