Question

我是Framer JS的新手。试图构建一个简单的导航模型。单击灰色按钮将转到第2页。在第2页上单击白色按钮，它会将您重定向到第1页。

这是我的Framer代码。出于某种原因，这两个按钮都出现在屏幕上并且难以点击。我希望按钮只能在各自的页面上使用。第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中订购图层

1 个答案: