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 に答える