3

Zynga Scroller JS ライブラリに詳しい人はいますか?

スクロール可能な領域のデフォルトのオフセットを設定するにはどうすればよいですか?

以下を使用して要素の CSS を設定します。

-webkit-transform' : 'translate3d(200px, 0px, 0) scale(1)

スクロール可能な領域に 200px のオフセットが必要であると仮定すると、コードはページの読み込み時にこれを上書きし、0px に戻ります。200px のオフセットをハードコーディングすると、200px が開始位置であると見なされ、エッジであるかのように跳ね返ります。

何か助けはありますか？

4

1 に答える 1

0

私はある意味で同じ問題を抱えていたので、解決策とともに以下に説明します。

要素のサイズが等しい「無限水平スクローラー」に取り組んでいます。考え方は、DOM には nrVisibleElements + 2 要素しかないということです。1 はスクロール ウィンドウの前で、2 番目はスクロール ウィンドウの後です。移動方向に応じて、最初と最後の要素が入れ替わります。ここでライブラリを見つけることができます: https://github.com/bedeabza/JS-Infinite-Scroller

ここで、要素にスナップを使用したいのですが、スナップを有効にすると、ZyngaScroller はコンテナーが終了すると見なされるため、スワップされた要素を追加する直前にスナップします。そのため、setDimensions() メソッドを使用してより大きなコンテナー (1000 * actualDimension) を報告し、500 * actualDimension でディメンション処理をオフセットしました。

基本的に、DOM に実際の変換を設定するたびに、次の方法でオフセットします。

offset: function (left) {
    return left + this.offsetValue;
},

左は ZyngaScroller によって報告された左です。

于 2012-12-17T15:43:15.573 に答える