Проблемы с CSS3 Трансформацией?

Question

[Alibek Kulseitov]

Добрый день! Возникла такая проблема. Этот код с codeopen работает вполне отлично!
Но если добавить блоки сверху этого блока то 3d перпектива летит к чертям) Как решить эту проблему?

Можете удалить блоки sections и все будет выглядеть отлично

Answer 1

[TSwizard]

в скрипте, вращение вокруг оси X считается относительно высоты ВСЕГО документа. Добавляя блоки сверху вы увеличиваете высоту документа. Попробуйте считать относительно viewport-а (окна браузера)

Comments

[Alibek Kulseitov]

Скрипт не мой, я лишь добавил блоки сверху. А вы можете помочь? ну знания в JS слабые у меня =(

[Wheelie]

Алибек Кулсеитов: не совсем понял что вам нужно , но попробуйте wHeight поменять на это wHeight= $('.wrap').height(). Тогда по дефолту стоит норм, а потом крутится...

[TSwizard]

в скрипте, строка №16
currentMousePos.y = event.pageY;
замените на:
currentMousePos.y = (event.pageY - $(window).scrollTop());

[Alibek Kulseitov]

TSwizard: вроде бы оно встало ровно, но эффект полного обзора пропал блин(

Answer 2

[devstudent]

где проблема? все ок выглядит, прокрутите вниз там и перспективный блок ваш ...

Comments

[Alibek Kulseitov]

Да он там но вы видите как он стоит? криво, из-за верхних блоков. Вы видимо суть не поняли проблемы)

[devstudent]

а как вы хотели, высота свободного пространства-то уменьшилась