【问题标题】:Infinite scroll JQuery in input tag or select tag getting issues输入标签中的无限滚动 JQuery 或选择标签出现问题
【发布时间】:2017-11-30 02:28:46
【问题描述】:

我已经搜索了整个网络,任何人都可以告诉我如何在组合框或任何其他替代方案上实现无限滚动。

我只是想在下拉菜单中实现无限滚动,我尝试了几种方法但无法获得它。

提前致谢

【问题讨论】:

标签: javascript jquery html asp.net-mvc c#-4.0


【解决方案1】:
<html>
<head>
 <style type="text/css">
    .scroll-container {
        /* different behaviour can be defined for vertical/horizontal scroll*/
        overflow-x: auto;
        overflow-y: auto;
        /*adjust this according to your needs*/
        width: 73px;
        height: 70px;
    }

    .scroll-container select {
        border: none;
        overflow: hidden;
    }
</style>
</head>
<body>
<div class="scroll-container">
    <select size="10" multiple="multiple">
     <option value="1" selected>option 1</option>
     <option value="2">option 2</option>
     <option value="3">option 3</option>
     <option value="4">option 4</option>
     <option value="5">option 5 </option>
     <option value="6">option 6</option>
     <option value="6">option 7</option>
     <option value="6">option 8</option>
     <option value="6">option 9</option>
     <option value="6">option 10</option>
    </select>
</div>

【讨论】: