Question

我有一个可选的滚动下拉菜单。我还有一个搜索框（例如“CAR”）。现在，搜索框成为可滚动菜单的一部分，因此当您向下滚动时，搜索框会消失。我需要搜索框保持固定在可滚动菜单的顶部。所以基本上我必须将搜索框“移出”可滚动菜单部分。问题出在我的javascript代码中（我的html很好，确实如此）但是我找不到它，是否有可能实现我的目标？

我的BOOTPLY ...... [BOOTPLY] [1]

Answer 1

只需更改您的HTML：

<div class="dropdown-menu brand">
            <div style="position: relative;">
                <input class="Car" placeholder="Car" type="text">
                <div class=" scrollable-menu" style="margin-bottom: 70px;">
                    <div class="checkbox">
                <label><input value="" type="checkbox"> Alpha</label>
            </div>

我将<input class="Car" placeholder="Car" type="text">移到您的可滚动菜单div上方，毕竟它是您的HTML。

您还应该像这样更改变量targetinput：

var targetinput = currentgroup.find('.Car > input[type="text"]');

它现在应该正确地选择你的文本框，这是因为你试图在类可滚动菜单中找到一个文本框，但是我们将文本框移到了它之外。

在可滚动菜单外放一个方框

1 个答案: