0

Framer.js でプロトタイプを作成しています。スクロール コンポーネントとスクロール コンテンツがあり、コンテンツの現在の x または scrollX 位置を出力しようとしています。したがって、右に 500px スクロールすると、コードは 500 を出力します。

Bg = new BackgroundLayer
backgroundColor: 'FFF'

scroll = new ScrollComponent 
    width: 750
    height: 1334
    scrollVertical: false

layerA = new Layer 
        width: 750 * 5
        height: 1334 
        superLayer: scroll.content

layerA.style.background = "-webkit-linear-gradient(45deg, #2AF 0%, #F00 100%)"

# get current x value of scroll content
print layerA.scrollX

Framer デモ: http://share.framerjs.com/70pi1l6is76t/

Codepen デモ: http://codepen.io/matter/pen/78fc798001529418123b84470ea8c625?editors=0010

前もって感謝します、

4

1 に答える 1

2

イベント リスナーを追加することで、現在の scrollX 値を出力できます。

scroll.onScroll ->
    print scroll.scrollX

イベントの詳細: http://framerjs.com/docs/#events.events

Framer デモの更新: http://share.framerjs.com/jvmsrtmm7i5g/

于 2016-03-11T16:32:35.133 に答える