0

我对 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

任何帮助将不胜感激。

4

1 回答 1

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()
于 2016-07-20T13:08:33.317 回答