FramerJS - 用页面滑动页面内容的垂直滚动

Question

在FramerJS中使用是否是真实的 - 在页面上用刷子滑动内容的垂直滚动？ 例如： 1.我在Sketch中带有2个面组。 2.这些组被导入到FramerJS 3.每个包装在成帧器中的组垂直滚动添加 4.我可以使用这些图层与水平扫动的页面的包装组？

是否可以通过水平滑动在页面上进行内容垂直滚动？

有没有人有一个例子？ 。:(

Answer 1

是的，这是可能的，你可以在PageComponent包裹ScrollComponent层下面是一些示例代码，您开始：

# This page component holds the horizontally aligned pages 
pageComponent = new PageComponent 
    y: sketch.navigationBar.height 
    height: Screen.height - sketch.navigationBar.height 
    width: Screen.width 
    # The scroll direction is restricted to only allow for horizontal scrolling 
    scrollVertical: false 
    # The direction lock is enabled to only allow either horizontal or vertical scrolling 
    directionLock: true 

for pageIndex in [0...3] 

    # A scroll component is created 
    scrollComponent = new ScrollComponent 
     size: pageComponent.size 
     x: pageIndex * pageComponent.width 
     contentInset: bottom: 40 
     # Only vertical scrolling is allowed and the direction is locked 
     scrollHorizontal: false 
     directionLock: true 

这是从成帧器JS网站画廊中的应用实例：

http://framerjs.com/gallery/preview/#medium-app.framer