2013-06-07 2 views
1

Я пытаюсь построить сайт, используя skrollr. Это jFiddle link тем, что я еще пробовал. Но, как вы видите, это работает не так, как ожидалось, когда для параметра smoothScrolling установлено значение true. При настройке smoothScrolling = false все работает как бит, но есть глюки.skrollr: Горизонтальная прокрутка с плавной прокруткой не работает

skrollr.init({ 
    forceHeight: true, 
    smoothScrolling:true 
}); 
  1. Я хочу сделать smoothScrolling = верно, но то, что я здесь отсутствует.
  2. Также как отключить вертикальную прокрутку. Предоставление переполнения: скрытый не работает, поскольку он отключит skrollr. Также я пробовал это link, но я не мог заставить его работать. Единственное, что сработало, - link, но опять же - только для браузеров Webkit. Есть ли для этого решение, совместимое с браузером?

Заранее спасибо.

+0

Чтобы настроить страницу, чтобы разрешить переполнение в одном направлении, используйте overflow-x: видимый; Переполнение-у: скрытый; позволяя вам создать страницу прокрутки. –

ответ

3

Вы хотите гладкую прокрутку для движения left, но теперь для top. Вам нужен еще один оберточный элемент и используйте на нем data-smooth-scrolling="off".

http://jsfiddle.net/GpPHx/2/

Если вы хотите, чтобы скрыть полосу прокрутки, skrollr не может быть правильным выбором для того, что вы пытаетесь сделать.

+0

Я знаю, что skrollr использует полосу прокрутки, чтобы все устроить. Мне просто нужно скрыть это, а не отключить его. Прокрутка будет работать с событиями мыши и клавиатуры. – Jithin

1

Привет, Prinzhorn и спасибо за отличную библиотеку. Ваше решение jsfiddle идеально подходит для Chrome, однако оно все еще немного искажено в Firefox и полностью не работает для Safari. Можете ли вы сделать предложение для этих браузеров. Я действительно хочу реализовать горизонтальную прокрутку, и я замечаю, что на сайте ходячих мертвецов он работает нормально, однако там код чрезмерно сложный

Смежные вопросы