2017-09-14 5 views
0

다른 뷰 내에서 <compose>으로 렌더링 된 뷰에는 사용자 동작에 대한 응답으로 전체 브라우저 창을 넘겨 받고자하는 div가 있습니다. 이 CSSAurelia는 절대 요소로 구성했습니다.

position: absolute; 
top: 0; left: 0; 
bottom: 0; right: 0; 

작동하지 않았습니다. Absolute position is not working에 대한 답은 내가 정확히 정반대의 문제를 가지고 있음을 암시합니다. 대부분 div는 상대 위치를 지정하는 블록 요소의 하위 요소입니다.

지금까지 나에게 명백한 옵션은 DOM

  • 에서

    • 다시 부모가 다른보기 페이지에서 직접 부모가 앞뒤로 프록시
    • 을 복잡한 메시징을 사용 했 ...입니다

    나는 이들 중 많은 것을 생각하지 않습니다. 나는 바인더로 제어되는 DOM으로 보충 (reparent)하는 것의 의미가 확실하지 않으며 다른 옵션은 엄청나게 복잡합니다.

    누구나 더 좋은 아이디어가 있습니까?

  • 답변

    2

    이 경우에 대한 몇 가지 해결책이 있습니다

    1. 당신은 전체 페이지를 이동 할 요소에 CSS 위치 fixed를 사용할 수 있습니다.
    2. 전체 페이지에 있어야하는 요소를 상주하는 뷰의 루트 요소와 별도의 트리에서 이동할 수 있습니다.
    3. @templateController()으로 장식 된 사용자 지정 특성을 만들고 바인딩시 템플릿 위치 대신보기 본문에보기를 삽입하십시오.

    모바일 지원 대상에 고정 위치 문제가없는 경우 솔루션 1이 가장 좋습니다.

    관련 문제