Question

即使用户继续滚动，我也需要使浏览器的焦点保持在一个元素中。基本上我有一个带有可滚动功能的下拉菜单，所以如果用户将指针留在菜单中并继续滚动，我需要保持对焦。

甚至可能吗？我是html的新手。

我的HTML是（带有一些角度）：

<ul ng-if="filter.isSearchListType && hasFilterValues(filter)" class="dropdown-menu scrollable-menu">
    <li class="individual-search">
        <input type="search" ng-model="searchInputText" class="form-group filter-input" placeholder="Nombre o E-mail" />
        <i ng-show="searchInputText" class="fa fa-remove clear-search-icon" aria-hidden="true" ng-click="searchInputText = ''; $event.stopPropagation()"></i>
        <i class="fa fa-search search-icon" aria-hidden="true" ng-click="$event.stopPropagation()"></i>
    </li>
    <li ng-repeat="filterValue in filter.values | searchInData:searchInputText">
        <a href="#" ng-click="selectFilterValue(filter, filterValue.id)" ng-class="{ 'selected': isSelectedFilter(filter, filterValue.id) }">
        {{filterValue.label}}
        </a>
    </li>
</ul>

我的css是：

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

这个渲染是： DropDown-Menu Scrollable

最后，但它不是那么重要，保留一个li pin或固定并使其余的li可滚动是可行的吗？

谢谢！

html javascript - 取消关注下拉菜单焦点的页面

0 个答案: