2012-05-19 4 views
0

У меня есть элементы с медленным вращением на них с помощью:Совместного использования WebKit Преобразование данных между страницами

@-webkit-keyframes rotate { 
    0% {-webkit-transform: rotate(-10deg);} 
    100% {-webkit-transform: rotate(10deg);} 
} 

... и:

-webkit-animation: rotate 10s infinite alternate ease-in-out; 

... на каждый элемент, чтобы применить вращение.

Проблема заключается в том, чтобы изменить страницу, с которой начинается поворот на каждом элементе с нуля. В идеале мне бы хотелось, чтобы значение, которое оно было включено, покидало предыдущую страницу, прежде чем продолжать вращаться.

Я смотрю на это через Javascript, но я не уверен, что такое возможно. Получение значения вращения не кажется проблемой, но передача его на следующую страницу делает ...

ответ

2

Возможно, вы захотите заглянуть внутрь html5 истории api и просто запросить новую страницу с помощью xmlhttprequest и обновить свой дом манипулируя URL-адресом.

одна вещь, которая приходит на ум: вы можете прочитать матрицу преобразования и сохранить его в LocalStorage и повторно применить его ...

+0

Хороший ответ ... если LocalStorage это по соображениям совместимости, вы можете вставить его в cookie или, мой последний фаворит, 'window.name'. –

+0

Спасибо за ответ. Я попытался использовать sessionstorage и применил значение поворота на основе этого, которое работает, за исключением случаев, когда используется в сочетании с анимацией ключевого кадра, что переопределяет его. Я думаю, что лучший подход состоит в том, чтобы иметь панель навигации, где находится вращающийся элемент, статический от остальной части сайта ... как меню навигации в facebook. – Sasha

Смежные вопросы