2015-02-20 3 views
0

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

+0

Почему бы вам не использовать fullPage.js? Преимущество использования такого плагина, как и его использование, весьма важно, когда вы начинаете рассматривать такие вещи, как устройства с сенсорным экраном, сенсорные ноутбуки, производительность анимаций, совместимость с браузерами, совместимость старых браузеров, обратные вызовы, бесконечная прокрутка, доступность клавиатуры, отзывчивость и т. д. – Alvaro

+0

Я не хочу использовать внешние ресурсы. –

+0

Лот удачи тогда :) – Alvaro

ответ

0

Вот пример того, как вы можете делать горизонтальную плавную прокрутку вправо, когда вы нажимаете кнопку, используя метод animate(). Надеюсь, это может быть полезно.

$(".downArrow").click(function() { 
     var topPos = $('body').scrollTop(); 
     $("body").animate({ 
      scrollTop: topPos + 800 
     }, 800); 
    }); 
+0

Что бы я написал в html? 'Divs'? как бы я их установил? я бы переместил их с «margin-left: -100vw»? –

+0

Вот полный пример. [link] (https://jsfiddle.net/j6za34r3/2/). Вы можете сделать гладкую вертикальную прокрутку, щелкнув стрелки. Если вы хотите сделать то же самое, но вызваны с помощью полосы прокрутки, просто измените событие и используйте onScroll (здесь doc: [link] (http://www.w3schools.com/jsref/event_onscroll.asp)) – Dade

+0

Пример youe кажется, работает, я использую firefox 30 и т. д. 11 –