无法在 Framer Js 中订购图层

Question

我对 Framer JS 很陌生。尝试构建一个简单的导航模型。单击灰色按钮时，它会将您带到第 2 页。在第 2 页上单击白色按钮时，它会将您重定向到第 1 页。

这是我的成帧器代码。由于某种原因，这两个按钮都出现在屏幕上并且难以点击。我希望按钮仅在各自的页面上可用。第 1 页上的灰色按钮和第 2 页上的白色按钮。

homepage = new Layer
    backgroundColor: "#F8FDFF"
    width: 1440, height: 2394

uploader = new Layer
    backgroundColor: "#06476B"
    width: 1440, height: 1008

goto_hompage = new Layer
   width: 98, height: 40, x: 30, y: 0
   backgroundColor: "#ffffff"

goto_uploader = new Layer
  width: 73, height: 40, x: 25, y: 0
   backgroundColor: "#cdcdcd"

goto_hompage.on Events.Click, ->
    homepage.opacity = 1
    uploader.opacity = 0

goto_uploader.on Events.Click, ->
    uploader.opacity = 1
    homepage.opacity = 0

如有任何帮助，我们将不胜感激。

Answer 1

您可以通过指定 superLayer 将按钮层添加到页面：

goto_hompage = new Layer
   width: 98, height: 40, x: 30, y: 0
   backgroundColor: "#ffffff"
   superLayer: uploader

goto_uploader = new Layer
    width: 73, height: 40, x: 25, y: 0
    backgroundColor: "#cdcdcd"
    superLayer: homepage

然后，不改变不透明度，而是改变页面的深度位置：

goto_hompage.on Events.Click, ->
    homepage.bringToFront()

goto_uploader.on Events.Click, ->
    uploader.bringToFront()

无法在 Framer Js 中订购图层

Unable to order layers in Framer Js

prototype

framerjs