2012-02-24 4 views
1

Я пытаюсь создать DIV с круговой прокруткой. Here is an example чего-то похожего на то, чего я пытаюсь достичь. В моем случае DIV содержит серию изображений. Here is a demo, sans Javascript.DIV с круговой прокруткой

Моя цель для ДИВ сделать следующее:

  • Если вы выделите в нижней части DIV, прокрутка начнется снова в начале, создавая впечатление круговой прокруткой
  • обратное также будет верно, если вы перейдете к началу

Я не думаю, что это может быть достигнуто, я просто прыгаю сверху вниз. Поскольку контент отличается (в отличие от the example I gave above), пользователь увидит, что DIV прыгает. Я также не интересуюсь карусельными плагинами, которые полагаются на пропуски вперед по одному изображению за раз. Моя цель состоит в том, что DIV будет вести себя как стандартный DIV с переполнением, установленным для прокрутки, только прокрутка будет круговой.

Есть ли какой-либо плагин, который уже существует, который выполняет это?

+1

Я не уверен, что заставляет вас думать, что прокрутка отличается от обычного. Похоже, вы смотрите на «эффект конфеты тростника», созданный диагональными линиями. – GoldenNewby

+0

Вы заметили, что страница длинна? и он начинается в центре? и когда он достигает дна, он возвращается к вершине (и наоборот)? это просто так, зачем усложнять? – Joseph

+0

@GoldenNewby Если вы используете колесо прокрутки мыши для прокрутки страницы, в конечном итоге страница сдвигается сверху вниз (или наоборот) и вы можете бесконечно прокручивать прокрутку. Похоже, что верхняя/нижняя часть страницы использует ту же фотографию, поэтому, когда вы нажимаете один или другой, страница перескакивает вверх/вниз, поэтому вы ее не замечаете, и она похожа на постоянный свиток. Если вы перетащите полосу прокрутки, она не дает такого же эффекта из-за ограничений перетаскивания. Проб. приятный эффект на сенсорных экранах. – jmbertucci

ответ

1

Плагин http://ianli.com/infinitedrag/ делает в значительной степени exaccty то, что вы ищете. У нее даже есть «ось», позволяющая ей прокручивать верхнюю и нижнюю части, а не на всем протяжении, как ваша первая примерная ссылка.

+0

Это выглядит многообещающе! Я вернусь, как только у меня будет возможность поиграть с ним. Спасибо. – colindunn

+0

Хм, при ближайшем рассмотрении он, похоже, не совсем то, что я искал. Спасибо, в любом случае. – colindunn

+0

Не могли бы вы объяснить, почему Infinite Drag не отвечает вашим потребностям? – Jason