2013-05-29 4 views
0

У меня есть сайт, над которым я работаю прямо сейчас, и я не совсем уверен, как заставить его вести себя так, как хотелось бы. Грубый черновик можно найти здесь: www.susmedia.com/NBSignsПрокрутка только по ссылке меню нажмите

У меня есть каждая «секция», помещенная в div, и когда вы нажимаете на ссылку меню, она прокручивает вас к соответствующему разделу. Однако, когда вы прокручиваете вниз, на самом деле это не дает вам подходящие разделы, как мне хотелось бы.

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

У кого-нибудь есть идеи? Я предполагаю, что это, вероятно, нужно будет сделать с помощью jQuery, но я не совсем уверен, как действовать дальше. Этот newb ценит любое направление!

ответ

0

Это довольно легко отключить прокрутку прокрутки в mousewheel с помощью jQuery. Это следует сделать это:

jQuery(function($){ 
    $(document).on('mousewheel', function(e){ 
     e.preventDefault(); 
    }); 
}); 

Edit: Вот скрипка: http://jsfiddle.net/jakelauer/MGZKF/

+0

Высокой. Спасибо Джейку! Один быстрый вопрос ... Я буду продолжать копаться в нем, но, может быть, вы поможете быстрее. У меня есть портфель div с кучей фотографий, и я бы хотел разрешить прокрутку внутри этого div, но все же не на странице в целом. Есть ли способ исключить этот div, сохраняя поведение для остальной части страницы? – stupendousman

+0

Вам нужно включить/отключить прокрутку в зависимости от цели прокрутки, в этом случае. Я обновил скрипту, чтобы показать пример того, как она может работать. Там есть дополнительный код, который предотвращает прокрутку внешней коробки, если вы нажмете верхнюю/нижнюю часть внутреннего поля: http://jsfiddle.net/jakelauer/MGZKF/1/ – Jake

+1

Эй, Джейк ... взял меня немного тыкать, но я заработал. Спасибо! Вы спасли меня около двух месяцев головокружения! – stupendousman

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