jQuery scrollTo со скользящей полосой прокрутки - PullRequest
Новая
       26

jQuery scrollTo со скользящей полосой прокрутки

0 голосов
/ 23 ноября 2011

Я использую плагин scrollTo для горизонтального сайта, и он отлично работает.У меня есть список ссылок в главном разделе, и я также могу легко перемещаться между ними по одному, назад и вперед.Чтобы плагин работал, я должен использовать свойство overflow:hidden, однако я хочу дать пользователям возможность скользить по полосе прокрутки, если они этого предпочитают.Итак, я нашел плагин LocalScroll и с небольшим количеством кода (написанного кем-то другим, я просто скопировал его как есть), теперь у меня есть полоса прокрутки, скользящая по каждому разделу сайта.

Проблема в том, что якоряЯ использую для перемещения один раздел назад и вперед перестал работать, поэтому я должен продолжать возвращаться на первую страницу, чтобы щелкнуть любой раздел, который я хочу видеть.Это может быть лучше объяснено с помощью в этом примере .Нажмите на любую ссылку, чтобы перейти к определенному разделу, и в этом разделе ссылки «назад» и «вперед» не работают.Вы должны нажать на логотип (ну, там, где он должен быть) слева, чтобы вернуться в основной раздел.

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

В этом примереФайл custom.js работает с overflow:hidden, а в файле test.js есть дополнительный плагин / код, который я добавил.

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

Ответы [ 2 ]

0 голосов
/ 27 ноября 2011

В scrollTo я использовал классы jQuery для перемещения из одного раздела в другой, поэтому я просто удалил эти предложения и использовал идентификаторы разделов в элементах привязки. Теперь он работает так, как я хотел:)

0 голосов
/ 23 ноября 2011

может быть, это поможет: я на самом деле сделал это для динамического меню в WordPress Вы можете увидеть рабочую версию этого здесь: http://loco.karolwasik.pl/ (script.js) 

$('#menu a').bind('click', function(e){
     e.preventDefault();
     $('#subpanel-maska').scrollTo('#panel-'+$(e.target).attr('title'), 300, {easing: 'easeOutCirc'})
}

кстати. ваш код в этом обычае немного грязный, вы должны минимизировать его или что-то еще (я знаю, что мой тоже;))

...