Как отобразить контент через определённый div?

Question

[Макс Табуреткин]

Для реализации лифта, я решил использовать html+css+js. Всё оказалось не таким простым и теперь на каждом пункте сталкиваюсь с проблемами.

Суть вопроса:
Есть кабина лифта изображённая прозрачным div'ом с тонким border, так же есть столбик из цифр, которые обозначают свой этаж.
Каким образом сделать так, чтобы цифры были видны только через кабину и каким образом выполнить грамотное перемещение кабины меж этажами (в смысле без jquery)?

Answer 1

[Deleted Deleted]

Если я правильно понял задачу, должно сработать:
Родительский div c overflow:hidden и position:relative, дочерний -- position:absolute, перемещайте его внутри родительского блока с margin или просто top/left

Comments

[Макс Табуреткин]

Решение может и банальное, но контент в div'e движется вместе с ним
Вот codepen.io/dok2d/pen/ZYoLpd

Answer 2

[Тимофей Белоусов]

Если правильно понял суть вопроса, то вот как один из способов решения, разделите по блокам и будем вам счастье!

Comments

[Макс Табуреткин]

Не совсем то, необходимо, чтобы через определённый div отображался задний слой с цифрами.
И без jquery.
Я давно видел похожую работу, но не найду.

[Тимофей Белоусов]

Макс: ну отпозиционируйте блок абсолютом, дайте ему overflow: hidden и крутите там числа. Все равно не могу понять полностью, что вы хотите реализовать((

[Макс Табуреткин]

Тимофей Белоусов: Сделаю, покажу :)

[Тимофей Белоусов]

Макс: ну окей!

[Макс Табуреткин]

Тимофей Белоусов: Что то вроде вот этого codepen.io/dok2d/pen/ZYoLpd