В настоящее время я разрабатываю горизонтальный веб-сайт, который позволяет моей прокрутке мыши прокручиваться влево и вправо...
В моей jQuery включена последовательность:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<!--jquery validation script-->
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<!--Smooth Scroll-->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
Мой код, как показано ниже:
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script>
$.noConflict();
$(function() {
$("body").mousewheel(function(event,delta) {
this.scrollLeft -= (delta * 30);
event.preventDefault();
})
})
$(function() {...});
$(document).ready(function() {
$('#form').validate({...});
$("#submit").click(function()
{...});
})
</script>
Мой "body" CSS, как показано ниже:
html {
width:100%;
overflow-y:hidden;
overflow-x: scroll;
}
body{
}
В настоящий момент я сомневаюсь в следующем:
<!--Smooth Scroll-->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
который сбой с помощью мыши. Я думаю.
Прокрутка мыши работает, единственная проблема заключается в том, что прокрутка мыши не является гладкой, иногда останавливается, иногда даже не может двигаться, это не моя проблема с мышью. Я не уверен, что из-за этого, потому что я пытался отладить его уже 2 дня. Кто-нибудь может поделиться своими мыслями по этому вопросу?
Я нашел решение, но это выглядело странно по моему делу. Прокрутите до определенной части и застревайте посередине. (Просто панель прокрутки.) Я использую Chrome для Mac для тестирования. Кстати, есть ли такое решение, как AutoShift во время прокрутки, потому что это сработало для меня, когда я нажал кнопку Shift.