Question

在FramerJS中使用是否真实 - 通过滑动对页面上的内容进行垂直滚动？例如： 1.我在Sketch中有两组面具。 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

这是来自Framer JS网站图库中的中型应用程序示例：

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

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

1 个答案: