CSS3 - transform: translateY (из экрана)

Question

Я пытаюсь добавить слайд вверх.

И добавление Исходное положение:

transform:translateY(200%) 

, который прекрасно работает, если область прокрутки не слишком большой.

transform:translate(-200%) 

работает лучше, потому что он перемещается относительно верхней части, и эта часть не может расти.

Есть ли хороший способ обойти это?

Использование

transform: translateY(50000px); 

и потенциально влияют на анимацию как они должны двигаться на больших областях.

Что такое хороший подход к этой проблеме?

---------- Редактировать -----------

На самом деле, это выглядит как если область прокрутки становится больше с большим translateY это означает, что никогда не выходит из окна просмотра, что может быть проблемой здесь. Я не уверен, как это разрешить.

Answer 1

Он появляется, как будто

 translate3D(-100%, 100%, 0); 

решает проблему.