Это возможно?Прокручивайте слайды до ключевых точек, например, по вертикали

Question

Допустим, у меня есть сайт с вертикальными "слайдами". Каждый из них занимает большую часть экрана. Есть ли какой-нибудь чистый способ добавить вертикальную подкачку к прокрутке? Например, если прокрутить около определенной горизонтальной точки на странице, страница сместится так, чтобы верхняя граница раздела точно соответствовала верхней части окна?

Я хочу добавить что-то похожее на функцию «вертикальной подкачки» iPhone в веб-приложениях. Как бы я поступил так, есть ли чистый способ сделать это?

Вот пример вертикальной подкачки iPhone ...

http://www.youtube.com/watch?v=bgCcSF2Ip64

(извините за плохое качество видео, я не нашел других примеров вертикальной подкачки)

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

http://www.nikebetterworld.com/

(также, Nike лучше, мир - это потрясающий сайт)

Answer 1

Sencha touch позволяет использовать эту функцию в том, что они называют «каруселью», перейдите по этой ссылке, чтобы увидеть ее демонстрацию в действии.

http://dev.sencha.com/deploy/touch/examples/kitchensink/

нажмите «Интерфейс пользователя», затем «Карусель», обратите внимание на вертикальную и горизонтальную прокрутку. Он использует панели и определенно лучше для сенсорных экранов, но не очень хорош для взаимодействия с мышью. В любом случае, эти панели очень настраиваемы. Удачи.

Answer 2

Ну, вы говорите о сенсорных интерфейсах, а не о настольных интерфейсах. Если вы хотите добиться этого на iPhone, есть множество вещей, которые вы можете приклеить и помассировать, чтобы добиться этого. http://jqtouch.com/ - это плагин jQuery с несколькими приятными хуками для мобильных браузеров.

Вы по сути управляете тем, как и когда X и Y могут прокручиваться. Пейджинг будет контейнерными элементами, такими как div или li. Не стесняйтесь добавлять больше мыслей ...

Answer 3

Что вы можете сделать, это отключить прокрутку, но перехватить событие прокрутки и соответственно переместить содержимое.