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.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 

그런 다음 페이지의 깊이 위치를 변경