Есть ли решение / рамки jquery или ajax, где вы можете перемещать / перетаскивать, чтобы увидеть следующие страницы?

Question

Я пытаюсь создать что-то, где в верхней части экрана установлена ​​постоянная панель навигации, а под ней загружаются новые полные HTML-страницы (с iframe или чем-то еще).

Я нашел это , где вы загружаете новые полные страницы в область содержимого ниже, сохраняя при этом панель навигации вверху (которая также является динамичной, как показано на изображении для изменения страницы).

Но я хочу знать, как я могу сделать так, чтобы при нажатии новой загружаемой страницы она «скользила» на новую страницу, например this , или перетаскивалась с помощью мыши, как как страницы в ipad.

Это моя первая публикация здесь, так что, надеюсь, я правильно объясняю себя. Заранее благодарю за любую помощь или руководство!

Answer 1

Что-то вроде jCarousel может работать для вас.

Вот пример:http://sorgalla.com/projects/jcarousel/examples/static_simple.html

Answer 2

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

Вы можете сделать некоторую оптимизацию, например, загрузку страницы только при запросе с использованием ajax, а не припервая загрузка, но концепция та же самая.

Надеюсь, это поможет