Событие прокрутки блока в knockout.JS

Question

Мне нужно переопределить функции прокрутки над областью переполнения, так что колесико мыши изменяет текущий выбор, а не положение прокрутки.

Чтобы сделать это, по крайней мере, мне нужно заблокировать действие прокрутки по умолчанию браузера. Из того, что я могу сказать, нокаут делает это по умолчанию, при условии, что вы не возвращаете 'true' из обработчика события.

Однако, похоже, что это не сработало и не вызывает явное предупреждение 'preventDefault'. Эта проблема должна быть специфичной для события прокрутки.

scrolled: function (vm, event) { 
    event.preventDefault(); 
    return false; 
} 

Пример: http://jsfiddle.net/vjLqauq5/2/

Answer 1

Hat наконечник к Андрею за указание на то, что вы должны использовать это событие колеса прокрутки, а не событие прокрутки.

<div class="container" data-bind="foreach: items, event: { mousewheel: scrolled }"> 

Из события колеса прокрутки, deltaY даст вам направление прокрутки, которое можно использовать, чтобы изменить какой элемент выбран:

scrolled: function (vm, event) { 
    var direction = Math.sign(event.deltaY), // 1 is down, -1 is up 
     maxIdx = vm.items().length - 1, 
     selectedIdx = vm.items.indexOf(vm.selected()) + direction; 
    if (selectedIdx >= 0 && selectedIdx <= maxIdx) { 
     vm.selected(vm.items()[selectedIdx]); 
    } 
    // return false; // implied as long as you don't return true 
} 

http://jsfiddle.net/vjLqauq5/8/