Я создал веб-приложение, которое масштабируется до мобильной версии с использованием запросов CSS @media.jQuery: Как заставить DIV соскользнуть с экрана, а другой - вставить?
Я хотел бы иметь кнопку для переключения между двумя основными содержимым, отображающими DIV.
При загрузке страницы с помощью @media запросов, другой получает скрыта с помощью display: none;
Когда кнопка нажата, я хочу, чтобы показать и видимые один, чтобы скрыть, что я в настоящее время уже сделан.
Но я хотел бы анимировать этот процесс, который я хотел бы работать плавно на мобильных устройствах.
Но я не могу понять, как jquerymobile делает это уже, что прекрасно работает.
Что мне нужно сделать, чтобы панель (div) соскользнула с левой стороны, а другая, чтобы скользить справа, как mobilejquery, используя немобильный jquery?
Пример: http://m.stanford.edu/ Здесь при щелчке элемента списка, он соскользнет и еще один скользит в
Спасибо..
Это довольно легко, если вы одновременно загружаете содержимое обоих DIV. Тогда у вас может быть контейнер DIV, который имеет свойства 'overflow: hidden' и' position: relative'. Внутри этого контейнера у вас будет «viewport» DIV, который будет иметь свойство 'position: absolute'. Вы разместили два DIV-файла контента в области области просмотра, и всякий раз, когда вы хотите перейти на другой контент, просто используйте метод 'animate()' jQuery для видового экрана DIV. – kjetilh
Привет @kjetilh. Спасибо за ваш комментарий, я очень благодарен за объяснение. Однако я не думаю, что это сработает, потому что .animate() на самом деле не поддерживается аппаратным обеспечением, а все мобильные jQuery анимации для слайдов панели являются гладкими благодаря ускорению? – Phil
Я не уверен, как это работает с jQuery mobile, но другая возможность - это, возможно, переходы CSS3, которые должны обеспечивать лучшую производительность, но они вряд ли поддерживаются как эффекты jQuery (совместимы с кросс-браузером). Не уверен, о чем вы говорите, когда говорите «ускорение». Разве не имеет смысла, что jQuery Mobile использует анимацию jQuery? : p – kjetilh