Предположим, что в нем есть книга, в которой есть несколько глав (скажем, 5). Полная книга присутствует на одной странице html со всеми 5 разделами в ней. Каждая глава представляет собой некоторое содержимое html и присутствует внутри div с именем класса, называемым главой. Вы можете взять любой фиктивный HTML-контент для каждой из пяти страниц с тегами в нем, как Глава 1, Глава 2 ..... и Глава 5.jQuery, чтобы показать div и скрыть еще один div одновременно. Предназначен для просмотра 5 div's
Теперь, когда страница открывается, первая глава отображается пользователю. Которая имеет главу 1 в заголовке. Единая глава больше высоты окна, поэтому пользователь может прокручивать эту главу. Но как только пользователь дойдет до конца главы, пользователь не сможет увидеть или перейти к следующей главе.
Когда пользователь находится в конце главы, он видит кнопку внизу справа, чтобы перейти к следующей главе. Imp: - Эта кнопка не может быть частью главы HTML, она должна быть сгенерирована программно в конце главы через js.
Когда человек нажимает на эту кнопку, следующая глава (глава 2 в этом случае) должна автоматически прокручиваться снизу вверх до верхнего нажатия первой страницы из окна. Таким образом, весь экран должен быть покрыт главой 2, показанной анимацией, нажав главу 1 выше.
Таким образом, в определенное время пользователь может видеть только одну главу, прокручивая вверх или вниз. Он должен будет щелкнуть по кнопкам для доступа к следующей или предыдущей главе.
Аналогично для главы 2 в верхней части страницы будет кнопка, чтобы перейти к главе 1, в которой глава 1 будет поступать из верхнего нажатия кнопки Chapter2 полностью из окна. А для главы 2 также будет кнопка внизу страницы, на которой пользователь будет переходить к главе 3 в аналогичном формате анимации.
Это своего рода взаимодействие, которое пользователь будет иметь при чтении книги. Пожалуйста, помогите мне. Мне нужно это очень срочно. Спасибо!
Так где код? Можете ли вы опубликовать демо-версию того, что вы получили до сих пор? – elclanrs