Question

我在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 Demo：http://share.framerjs.com/70pi1l6is76t/

Codepen演示：http://codepen.io/matter/pen/78fc798001529418123b84470ea8c625?editors=0010

提前谢谢你，

Answer 1

您可以通过添加事件侦听器来打印当前的scrollX值：

scroll.onScroll ->
    print scroll.scrollX

有关活动的更多信息：http://framerjs.com/docs/#events.events

更新了Framer演示：http://share.framerjs.com/jvmsrtmm7i5g/

在Framer.js中打印滚动位置

1 个答案: