Как избежать горизонтальной прокрутки мыши для переполнения панели вкладок?

Мне нужно отключить горизонтальную прокрутку прокрутки мыши при наведении текста заголовка панели вкладок.

Если вы hover tab title and try mouse scroll, он начнет прокручиваться по горизонтали. Можно нажимать левую и правую навигационную стрелку для прокрутки. Как избежать этой горизонтальной прокрутки, которая происходит при прокрутке моей мыши? Пожалуйста, найдите скрипку для того же.

Примечание. Похоже, эта прокрутка происходит только в браузере Google Chrome.

Панель вкладок ExtJS Fiddle


javascript scroll extjs tabpanel extjs5
person Abhijit Muke    schedule 10.05.2016    source источник
comment
Установите Ext.layout.container.boxOverflow.Scroller.prototype.wheelIncrement = 0;.   -  person Evan Trimboli    schedule 10.05.2016
comment
Это работает. Спасибо. Где я должен добавить эту строку кода, чтобы эта вещь относилась только к одной панели вкладок, а не к общей?   -  person Abhijit Muke    schedule 10.05.2016

Ответы (1)


arrow_upward
0
arrow_downward

Как сказал Эван, установите для wheelIncrement значение 0. Если вы хотите добавить это к определенной панели, добавьте ее с помощью слушателя:

listeners: {
    boxready: function(panel) {
        var layout = panel.tabBar.getLayout();

        layout.overflowHandler.wheelIncrement = 0;
    }
}
person Guilherme Lopes    schedule 11.05.2016