2013-11-15 3 views
0

В настоящее время я работаю над моим проектом, и я сделал веб-сайт с горизонтальной прокруткой.Как я могу скрыть функцию js с помощью мыши?

проблема заключается в том, что когда у меня есть прокручиваемый div (по вертикали) на моей горизонтальной веб-странице, я больше не могу ее прокручивать по вертикали.

это сайт: ShareApe 3.0

я попытался сделать событие курсора, находящегося переопределить эту суму, но я не могу заставить его работать:

<script> 
$(document).ready(function(){ 
    $(".main").onepage_scroll({ 
    sectionContainer: "section", 
    responsiveFallback: 600 
    }); 
}); 
</script> 

так, что я хочу сделать, это когда ваш мышь наводится над выбором файла «Drag & Drop files» часть веб-сайта я хочу, чтобы эта функция была отключена.

Мэнни спасибо за ваше время!

обновление:

я использовал этот рабочий код:

<script> 
$(document).ready(function(){ 
$('#fileUpload').on('mousewheel', function(e) { 
    e.stopPropagation(); 
}); 
}); 
</script> 

его работы, но не для Firefox.

так я пытался добавить некоторый код и он не работает для меня:

<script> 
$(document).ready(function(){ 
$('#fileUpload').on('mousewheel', function(e) { 
    e.stopPropagation(); 
}); 
}); 

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x 

if (slideshow.attachEvent) //if IE (and Opera depending on user setting) 
slideshow.attachEvent("on"+mousewheelevt, rotateimage) 

else if (slideshow.addEventListener) //WC3 browsers 
slideshow.addEventListener(mousewheelevt, rotateimage, false) 

</script> 

Патрик Falize

+0

'ShareApe' звучит очень много, как' Share Rape' – naomik

+0

, если вы можете предоставить мне лучшее имя, чем с доступным доменом .com, который был бы awsome. –

+0

Я также заметил, что мне просто нужно прикрепить '? D = 1' к URL-адресу, чтобы обойти таймер загрузки. Вы можете исправить это.^ – naomik

ответ

2
$('#fileUpload').on('DOMMouseScroll mousewheel', function(e) { 
    e.stopPropagation(); 
}); 
+0

Я попробую это! –

+0

странная вещь, если я положил ее на консоль хром, она работает, но если я поместил ее в , она не будет работать: S это? –

+0

Вы помещаете его в упаковку, пригодную для дома? Этот элемент существует, когда вы пытаетесь связать его? – ArrayKnight

0

Этот код работает для меня во всех браузерах я просто должен был добавить код для firefox.

Firefox не поддерживает .onmousewheel, вы должны использовать событие DOMMouseScroll вместо:

$(document).on("mousewheel DOMMouseScroll", function(e){ 
    e.preventDefault(); 
}); 

Оке так я понять это. У firefox нет проблем с e.stopPropagation(); но проблема была в функции moudewheel. поэтому я добавил «DOMMouseScroll» в .on, и он работал как шарм!

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