jqxInput：应用CSS后无法滚动答案

【问题标题】：jqxInput: Unable to scroll after apply CSSjqxInput：应用CSS后无法滚动
【发布时间】：2015-09-08 09:06:36
【问题描述】：

使用 jqxInput，我们决定扩展选择列表，不限于 8 个（默认情况下）。

$("#input").jqxInput({
    items:100
});

但是我们得到了一长串输入但没有滚动，请参阅http://jsfiddle.net/Zz5GN/28/

调整 jqx-menu-vertical-energyblue { height: 150px !important;溢出-y：滚动； ] 但不幸的是，滚动条不可点击。

【问题讨论】：

标签： jquery jqwidget

【解决方案1】：

在搞砸了 jqxInput 之后，我得出的结论是，如果你给垂直菜单设置你自己的高度，这些项目将不会显示。如果可能，请始终尽量避免使用 !important，您可以说，重要的是要练习。

【讨论】：

屏幕渲染上的 jqxInput 将替换高度，这就是我包含 !important 的原因。

【解决方案2】：

来自 jqWidget 的官方回答，“不，不支持。” http://www.jqwidgets.com/community/topic/jqxinput-autocomplete-scrollbar-for-the-panel/

【讨论】：

【解决方案3】：

您如何看待这个解决方案？（使用 v9.0.0（2020 年 1 月）测试）

/**
 * Extend the jqxInput component.
 * 
 * Extend the jqxInput component to override the click to fix a bug when user click on scrollbar.
 */
(function(a) {
    var originalClick = a.jqx._jqxInput.prototype.click;

    a.extend(a.jqx._jqxInput.prototype, {
        click: function(b) {
            var hasClass = $(b.target).hasClass("jqx-popup");
            if (!hasClass) {
                return originalClick.call(this, b);
            }
        }
    });
})(jqxBaseFramework);

【讨论】：