jquery localscroll вопрос о вертикальной и горизонтальной прокрутке

Question

Я создал следующую страницу http://kylehouston.com/testing/localscroll/, где у меня есть несколько основных ссылок, а затем вложенных ссылок для них. В тот момент, когда щелкают по главной ссылке, содержимое прокручивается по вертикали, а при щелчке по подссылке, например, Blue Inner Link 1, содержимое скользит по горизонтали.

У меня вопрос, как я могу обновить сценарий, чтобы при щелчке по основной ссылке контент прокручивался горизонтально, а при щелчке по подссылке контент прокручивался вертикально?

Спасибо Kyle

Answer 1

Основываясь на документации, я думаю, вам нужно настроить селекторы, которые предназначаются для родителей и детей отдельно. Затем установите свойство оси.

$('parent selector').localScroll({
  axis:'yx'
});

$('child selector').localScroll({
  axis:'xy'
});

Сейчас ваш код использует один и тот же селектор и ось по умолчанию для всего

$.localScroll.defaults.axis = 'xy';