#jquery #jquery-mobile #mobile #jquery-plugins #responsive-slides
#jquery #jquery-mobile #Мобильный #jquery-плагины #отзывчивый-слайды
Вопрос:
Я разрабатываю адаптивную страницу для мобильных устройств. На главной странице которой есть несколько значков, при нажатии на каждый значок отображается номер результата пример: если пользователь нажмет на изображение яблока в нижней части контейнера, отобразится номер результата категории apple. т.Е. Всего 12 категорий apple. когда пользователь нажимает на кнопку результатов поиска, вся страница должна «двигаться вверх», чтобы отобразить весь список 12 apple.
Обычно панель jquery скользит влево или вправо. Аналогичный эффект, который я наблюдаю при нажатии кнопки или панели ссылок, должен перемещаться вверх, как правая или левая сторона панели.
Пожалуйста, помогите мне, если есть какие-либо похожие или существующие решения для этого
Заранее спасибо и извините меня за английский
Спасибо
Ответ №1:
если вы позиционируете свой div как абсолютный, вам следует попробовать это:
$('#pageToMoveUp').animate({top:'-100%'},500); //or any other given values
ещё:
$('#pageToMoveUp').animate({margin-top:'-100%'},500); //or any other given values
проверьте мой веб-сайт, чтобы увидеть пример.
Комментарии:
1. Это больше эффекта анимации с перекрытием строк. Поскольку я использую jquery mobile для разработки и использую panel для использования всех других эффектов. Мне нужен любой альтернативный способ добиться эффекта сдвига вверх для панели страницы 1, чтобы панель страницы 2 переместилась снизу, чтобы занять область просмотра главного экрана, а затем со второй страницы у меня есть ссылка, при нажатии на эту ссылку моя 3-я страница появится с правой стороны, а страница 2 выйдет из левойобласть просмотра экрана.
2. альтернативой является уменьшение высоты или ширины и присвоение ей overflow=hidden!