2015-03-31 9 views
1

В настоящее время я использую «jQuery Mousewheel» от Brandon Aaron, чтобы инвертировать направление прокрутки страницы. Я очень новичок в jQuery и хотел бы отключить этот скрипт на мобильных устройствах/для результата < 568px.Unload jQuery Переплет Mousewheel на мобильных устройствах

Связывание MouseWheel осуществляется следующим образом:

$(document).ready(function() { 
    $('#maincontain').mousewheel(function(e, delta) { 
     this.scrollLeft -= (delta * 30); 
     e.preventDefault(); 
    }); 
}); 

Любой начинающий помощь будет очень высокую оценку. Благодаря!

ответ

0

Если все, что вы хотите, чтобы обнаружить небольшие экраны:

if ($(window).width()>=568) { // or any number you like 
    // load the mousewheel plugin 
} 

Если то, что вы действительно хотите, чтобы detect touchscreens, это немного сложнее, но вы можете начать с этого:

if (!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch)) { 
    // load the mousewheel plugin 
} 
+0

благодаря так много для вашей помощи! он почти работает - единственная проблема: я хотел бы, чтобы этот скрипт также был отключен на настольных устройствах, как только экран станет <568px. как уже говорилось, jQuery по-прежнему является ракетной наукой для меня. в настоящее время ваш оператор if инициализируется на странице-загрузке, я полагаю. можно ли отключить скрипт «колесико» даже после того, как экран был только изменен? еще раз спасибо! – benniy

+0

(извините за формулировку неправильного вопроса для начала, поскольку я предполагаю, что я просил мобильные устройства) – benniy

+0

Существует ['$ (window) .resize()' event) (http://stackoverflow.com/q/ 9828831 /) вы можете контролировать. Тем не менее, вам нужно будет активно разрушать плагин mousewheel, когда окно становится слишком маленьким. Сначала я спрошу себя, может ли это быть проблемой с реальными пользователями вашей страницы/сайта. – Blazemonger