smoothdivscroll - только прокрутка по клику

Я использую smootdivscroll для отображения продуктов на веб-сайте. Продукты загружаются в большой div, который затем прокручивает влево и вправо, используя скрипт smootdivscroll. У меня есть стрелки настройки слева и справа, которые прокручиваются при наведении или нажатии.smoothdivscroll - только прокрутка по клику

Я хочу отключить прокрутку мыши и разрешить прокрутку при нажатии стрелок.

Actual page

Smoothdiv scroll demo page

С уважением.

источник

2013-07-31 Samwise

Я не думаю, что у этой функции есть встроенная функция. Однако вы могли бы, вероятно, использовать этот общедоступный метод: http://www.smoothdivscroll.com/publicMethods.html#move

Отключить hotSpotScrolling в настройках и связать несколько обработчиков событий нажмите на те стрелки, которые будут вызывать метод move().

источник

2013-07-31 20:22:51 dom

Это лучшая идея, но она теряет некоторые достоинства плагина. – Fresheyeball

@Fresheyeball Действительно, это либо то, либо обезьяна, исправляющая исходный код, чтобы превратить этих прослушивателей mouseover/mouseout в mousedown/mouseup. В любом случае это не будет элегантным, но должно работать. – dom

После прочтения документации по этому вопросу это не будет возможным без взлома плагина. Горячие точки прослушивают наведение и нажимают, и вы не можете отключить один без другого.

Место для поредактируете вы должны выбрать (не рекомендуется) здесь https://github.com/tkahn/Smooth-Div-Scroll/blob/master/js/jquery.smoothDivScroll-1.3.js#L195

вам нужно будет удалить все, кроме mousedown и mouseup слушателей.

источник

2013-07-31 19:53:08 Fresheyeball

К сожалению, это просто отключает прокрутку путем нажатия и зависания. – Samwise

ответ обновлен. – Fresheyeball

Спасибо за помощь и идеи, ниже было мое решение.

Во-первых отключить горячие точки и hotspotscrolling:

visibleHotSpotBackgrounds: "", 
hotSpotScrolling: false

я создал две ссылки, поздно обновленную стрелку изображений, которые управляют прокруткой:

<a title="Scroll Left" href="#" onclick="MoveLeft();return false;">LEFT</a> 
<a title="Scroll Right" href="#" onclick="MoveRight();return false;">RIGHT</a>

Используйте две простых функции для продвижения прокрутки + - 200px

<script type="text/javascript"> 
    function MoveRight() { 
     $("#makeMeScrollable").smoothDivScroll("move", 200); 
    } 
    function MoveLeft() { 
     $("#makeMeScrollable").smoothDivScroll("move", -200); 
    } 
</script>

Чтобы сгладить набор прокрутки:

easingAfterMouseWheelScrolling: true

источник

2013-07-31 22:47:51 Samwise

Похоже, вы реализовали ответ @ dom. Пожалуйста, примите это. – Fresheyeball

smoothdivscroll - только прокрутка по клику

ответ

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