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

あなたはそうのようなスーパーレイヤを指定することで、ページにボタンレイヤーを追加することができます。

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

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

：代わりに、不透明度を変更するので

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 

次に、ページの深さ位置を変更します