2012-06-01 27 views
3

我一直試圖讓這個想法得到了幾個月的時間,並且已經耗盡了我所能想到的一切。在iScroll4中無限滾動或改善慣性/動量

我想要實現的是:http://blue.bluestudios.kenzomedia.com/v0.7/(一些邏輯從iScroll4借來的)

請注意,您可以繼續滾動。在這個例子中這工作正常。問題在於它不像iScoll4那樣完全平滑。

所以我一直在嘗試使用iScroll4與blue.bluestudios.kenzomedia.com/v0.8/做同樣的事情,但我似乎無法弄清楚如何讓它正確地「重複」。這似乎是startX和startY的一些東西,但我已經嘗試了很多不同的代碼片段,並且真的無法想象其他任何事情。如果你只是移動你的鼠標/手指,它會重複沒有問題。只有在動畫製作時。

http://blue.bluestudios.kenzomedia.com/v0.8/assets/js/libs/iscroll.ext.js這是我有工作_move功能。

再一次,試圖在沒有運氣的動畫功能中做同樣的事情。

此時的任何建議都會非常有幫助。這是爲了弄清楚如何讓iScroll4做我想做的或者改進v0.7上的動畫。

+0

老問題我知道了,並沒有深入地看過,但看起來你的0.7版已經有了一些「慣性滾動」。我建議你試着改變它來模仿iScroll的感覺。不知道你是否已經這樣做了,但我會檢查滾動事件之間的增量,以積累「動量」,並在發佈時使用它,並帶有一些簡單的指數衰減(或嘗試使用jQuery緩動函數) –

回答

1

我看到你的iscroll包裝div中有太多的嵌套元素。刪除所有不需要的div。這會降低性能。我只是通過刪除螢火蟲中的一些嵌套元素做了一個簡單的測試,並且性能得到了極大的改善。正如http://cubiq.org/iscroll-4中的文檔儘量保持DOM結構儘可能簡單,刪除所有不必要的標籤並避免嵌套元素過多。我相信這會讓你的iscroll在你嘗試一下時順暢點

+1

謝謝,但性能不是關於iscroll的問題4.我試圖實現的是無限的滾動感覺。所以,當動畫命中的最大寬度翻轉到最小寬度並繼續其動畫。反之亦然,當它達到最小寬度時,它會翻轉到最大寬度。再一次,這在http://blue.bluestudios.kenzomedia.com/v0.7/中按預期工作,但我無法弄清楚正確的burndown/friction是否與iScroll4具有相同的「感覺」。 – bmsterling