滚动时关闭下拉菜单
是一种常见的用户界面设计技巧，旨在提升用户体验和界面的可用性。当用户在页面上进行滚动操作时，下拉菜单会自动关闭，以避免菜单遮挡内容或干扰用户的操作。
这种设计技巧的优势在于：
- 提升用户体验：滚动时关闭下拉菜单可以减少用户与菜单之间的冲突，使用户能够更流畅地浏览页面内容。
- 提高界面可用性：关闭下拉菜单可以释放页面空间，让用户更好地查看和操作页面上的其他元素。
- 避免误操作：当用户在滚动页面时，意外点击下拉菜单可能会导致误操作，关闭下拉菜单可以减少这种情况的发生。
滚动时关闭下拉菜单适用于各种网页和应用程序，特别是那些需要用户频繁滚动页面的情况，如新闻网站、社交媒体应用等。
腾讯云提供了一系列与用户界面设计相关的产品和服务，例如：
- 腾讯云移动应用分析（Mobile App Analytics）：提供移动应用的用户行为分析和用户界面优化的功能，帮助开发者了解用户的滚动行为和菜单使用情况，从而优化界面设计。
- 腾讯云智能图像处理（Intelligent Image Processing）：提供图像识别和处理的能力，可以用于优化用户界面中的图像元素，提升用户体验。
- 腾讯云内容分发网络（Content Delivery Network，CDN）：通过在全球部署节点，加速网页内容的传输，提高页面加载速度，从而改善用户滚动页面时的体验。
以上是腾讯云相关产品的简要介绍，更详细的信息和产品介绍可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个启用tinyscrollbar的容器div。在容器div中，我还有一个下拉菜单，它是由微型滚动条插件定制。现在，当我尝试用鼠标滚动下拉菜单时，甚至连容器内容也在滚动。如何只滚动下拉菜单？
浏览 2提问于2011-12-28得票数 1
1回答
当我们移动并滚动时，下拉滚动问题
、、、、
我有一个下拉列表(kendo下拉列表)和一些数据。当我在下拉菜单里面滚动的时候，意味着它正常工作。
当我打开下拉菜单，移动鼠标，然后滚动，这意味着下拉数据部分也移动了。
图像附件检查图像。
下拉代码：(下拉列表位于区域内)
<input id="category" data-bind="kendoDropDownList: { data: $root.CategoryList, dataTextField: 'ServiceCategoryName', dataValueField: 'ServiceCategoryID', cha
浏览 2提问于2014-06-11得票数 2
我在页面上遇到过与我的应用程序中类似的问题。当用户选择下拉列表时，它将打开下拉菜单。但是，当用户向下滚动页面时，下拉菜单仍然位于相同的位置。
如何解决这个问题？
提前谢谢。
浏览 2提问于2016-04-15得票数 0
1回答
滚动到锚点+调整顶部的固定菜单
、、、、
我已经在这个问题上看到了几个问答，但我似乎不能让它们中的任何一个在我的情况下工作，例如：
:(
页面示例：
当您向下滚动页面时，主菜单会固定在顶部。还有一个绑定到固定菜单的下拉列表。在菜单中(可能还有页面上的其他地方)，我有常规的链接以及锚点链接。目前，当点击锚点链接时，菜单和下拉菜单会将固定位置的内容覆盖起来。
我需要让跳转到锚点，以调整到菜单和下拉列表时打开。这将是理想的内容动画向上和向下滚动到锚点和上下拉下拉打开和关闭。
以防万一，我在整个页面中的锚点都是通过jquery添加的。
我尝试了以下方法，但代码中有错误，导致我的下拉菜单中断：
/* scrollTo */
fu
浏览 1提问于2013-04-25得票数 0
1回答
我有一个下拉菜单，有翻滚的效果。
当用户在第一个菜单级别上滚动一个项目时，我想停止所有下拉动画，它仍然在所有其他菜单项中运行。但我找不到在这么乱的地方应用这个简单代码的方法。
这个问题有三种解决办法：
文学只是关闭所有的下降没有动画。
接近动画。
或者停止动画
2解决方案将是很棒的。当我滚动一个项目，关闭所有其他下拉与动画。现在，任何一种解决方案都适用于我。
更新：
我的最终结果是：
$('.dropdown:animated').not(this).not('.selected').stop().hide();
浏览 1提问于2012-12-17得票数 0
回答已采纳
我有这样的代码，它将隐藏页面标题，如果它是可见的，并点击下拉菜单按钮。
$('.site-overlay-toggle .btn').on("click", function(){
if ( $(".page-title").is(':visible') ) {
$( ".page-title" ).hide();
} else {
$( ".page-title" ).show();
}
});
只要下拉菜单是手动单击打开和单击关闭即可
浏览 5提问于2017-02-02得票数 0
回答已采纳
2回答
我有一个标题框架和一个正文内容框架。
我的页眉框架默认是放置徽标和注销按钮。
我的身体框架是把所有的东西都放进去。
现在的问题是：
我决定在标题框中添加一个下拉菜单。当滚动时，它会向下拉出一个很长的列表。
但是，当滚动时，它会下拉到页眉框架内部。我想要它的下拉菜单重叠身体框架。
我知道这很容易做到，如果所有的事情都在一个单一的页面。
但现在我使用的是frame。
有没有办法解决这个问题？CSS？或者？或者根本不可能？
浏览 1提问于2009-12-10得票数 1
回答已采纳
1回答
我想在可滚动的表行中添加一个下拉按钮。我能够让下拉列表在可滚动的表行中工作。但是，当您在表行内滚动时，下拉菜单将不对齐。
下面是一些需要详细说明的截图。
当单击Dropdown Button 1时，初始状态。
当您在表的外部滚动页面时，它可以正常工作。
当您在表行中滚动页面时，下拉菜单不对齐。
请参阅jsbin：中的示例
单击Dropdown Button 1，下拉菜单将显示。
尝试在表行的中滚动，您将看到下拉菜单将对齐。
但是，当您在表的外部滚动时，会很好地工作。
任何解决这个问题的帮助和建议都是非常感谢的。非常感谢。:)
浏览 2提问于2015-07-08得票数 2
回答已采纳
1回答
如何在容器外显示肚脐下拉菜单？
、、、、
因此，在这个问题发生之前，我在扩展时很难在较小的屏幕上实现导航条滚动。所以链接：
使用该问题的答案，我能够制作导航条滚动，但我当时面临一个新的问题。单击导航条链接时，弹出的下拉菜单将停留在导航条容器中，并且可以滚动导航条。
用于解释(本例中的OLE下拉列表)的图片：
这是用来使折叠的导航条可滚动的CSS。
.fixed-top .navbar-collapse {
max-height: calc(100vh - 4.5em);
overflow-y: auto;
}
没有问题，当肚脐崩溃，它可以显示下拉菜单罚款和滚动。但是，当不在大屏幕上折叠时，如何使下拉菜单显示在导航
浏览 1提问于2018-10-15得票数 0
回答已采纳
8回答
我使用的是jQuery 1.3.2。
表单中有一个输入字段。单击输入字段将打开一个下拉列表形式的div。div包含一个项目列表。由于列表很大，所以在div中有一个垂直滚动条。
要在单击外部时关闭下拉列表，输入字段上会有一个模糊事件。
现在的问题是：
在chrome(2.0.172)中，当我们单击滚动条时，输入字段将失去焦点。现在如果你点击外部，下拉列表将不会关闭(因为当你点击滚动条时，输入已经失去了焦点)
在Firefox(3.5)，IE(8)，opera(9.64)，safari()中，当我们点击滚动条时，输入字段不会失去焦点。因此，当您单击外部时(在滚动条上单击之后)，下拉菜单将关闭
浏览 6提问于2009-08-28得票数 8
回答已采纳
2回答
当你的屏幕低于930 is时，我有一个下拉菜单。在你滚动之前它很好用。您滚动和它保持顶部，但在您滚动并单击下拉菜单，下拉菜单消失。有什么想法吗？
浏览 8提问于2017-05-09得票数 0
回答已采纳
1回答
Dropdown不允许我在移动设备上滚动或选择选项。它在桌面上运行良好，如果我在chrome浏览器中模拟移动，它仍然可以工作，但当在android设备上测试时，当输入被选中时，下拉菜单会出现，它会显示一个滚动条，但不能让我选择任何东西或滚动选项。 <div class="scrollable-dropdown-menu">
<input id="${tableId}-mobile-securityGroups" href="" type="search" placeholder="A Group&
浏览 22提问于2019-06-19得票数 0
回答已采纳
2回答
我从引导开始，制作了一个带有菜单标题的html模板(带有下拉项目)。
问题是，当我调整窗口的大小以迫使响应菜单崩溃后，在折叠时使用下拉菜单(导航)，然后最大化窗口，下拉菜单项就停止工作(显示一个滚动来查看内容而不是下拉)。
样本代码？只需尝试引导程序中的"Navbar模板“：
这个问题有什么已知的解决办法吗？
在Firefox和Chrome中进行了测试。
浏览 3提问于2013-11-15得票数 1
回答已采纳
2回答
我试图关闭滚动菜单的导航下拉菜单，但我不认为我是正确定位在按钮上的类与jQuery，因为它是不工作的。我正试图将目标对准.nav-menu-list类。
main.js和index.html
$(window).on('scroll', function() {
$('.nav-menu-list').prev().dropdown("toggle");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
浏览 3提问于2021-03-08得票数 0
我有一个下拉菜单，其中有一个可滚动的div，大约400像素的高度，然后滚动条将显示在该下拉菜单中。当我将鼠标悬停在它上面时，我调用show方法，如下所示：
$("#flydown").show();
菜单显示得很好，但是当我显示下拉菜单时，整个页面都会出现滚动条。如果我向下滚动它的空格。
知道为什么吗？
浏览 0提问于2012-03-07得票数 0
我在定制的下拉菜单(它不是popper.js )中的项目上使用了<select>。该网站使用的引导带4。
我的弹出器看起来像这样，，但是我希望它在滚动容器之外溢出：
我希望弹出者出现在滚动容器中元素的右边，但是他们被迫呆在里面。滚动容器是一个<div>。
为什么这些设置不允许弹出程序溢出？
const indivOptionPopOverSettings = {
placement: 'left',
container: 'body',
trigger: 'hover
浏览 1提问于2019-08-15得票数 11
当我将CSS selectmenu放在一个有jQuery属性overflow: scroll并且比它的内容小的div中时，下拉菜单没有跟随溢出的div中的滚动。
请参阅此处的示例
我已经找到了一种用下面的代码修复它的方法：
$(".demo").scroll(function(){
$( "#salutation" ).selectmenu( "open" );
});
但我认为这不是解决问题的最好方法，因为当我在我的计算机上尝试代码时，下拉列表似乎并不完全跟随select元素。此外，当我在溢出的div中滚动时，下拉菜单会打开，这也不是下拉
浏览 5提问于2019-01-06得票数 0
2回答
如何防止滚动下拉菜单时身体滚动。？1
亲爱的朋友们：
实际上，我在我的项目中遇到了问题。
我在这个页面上做了水平滚动。its运行得很顺利。但当我在下拉菜单上滚动时，页面也会滚动。当鼠标悬停在下拉菜单中时，是否有阻止页面滚动的选项？
在这里添加我用于水平滚动的脚本：
<script type="text/javascript">
// By default, swipe is enabled.
$('section').horizon();
// If you do not want to include another plugin, T
浏览 0提问于2017-04-11得票数 1
2回答
我创建了一个下拉菜单与搜索选项角JS。当我点击它时，会出现一个带有搜索选项的下拉菜单。但是当我向下滚动时，搜索也成为滚动的一部分。我想把它固定好，放在我点击的位置。
这是下拉菜单的代码。
<div class="dropdown dropdown-scroll" style="margin-top:15px;" >
<button style="width:220px;" class="btn btn-primary dropdown-toggle" type="button" id="
浏览 3提问于2015-07-16得票数 0
回答已采纳
2回答
我有像facebook一样的通知下拉列表。单击链接时，将显示此下拉菜单，该下拉菜单定位为绝对位置。问题是，当下拉菜单打开时，页面会滚动到顶部。不幸的是，我不能粘贴代码，因为它很大。你能猜出问题出在哪里吗？
好的，这就是我所拥有的。
首先向下滚动，然后单击黑色链接，可以看到，它首先向上滚动，然后显示通知下拉。
浏览 6提问于2012-08-27得票数 2
回答已采纳
在这个页面上，我正在开发一个新的下拉菜单：
一个手机的下拉列表太长了，需要滚动，但当你试图滚动它时，会点击你碰巧触摸到的屏幕。有没有办法在手机上滚动下拉菜单？
浏览 3提问于2019-08-26得票数 1
我使用的是现代商业引导主题：，当我应用CSS代码使主菜单做滚动菜单时：
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
在移动视图中，底部的菜单被“导航条崩溃”容器切断。我已经尝试过多次使用z索引和位置来遍历所有的CSS代码，但是没有什么改变。是否有人知道如何使下拉菜单出现在父容器的上方。另一方面，当我使用这个CSS ()时，它工作得很好，但是我找不到代码与我正在使用的CSS ()不同的地方，我的意思是我知道它是不同的，但是导航标记都非常相似。
浏览 2提问于2013-10-17得票数 0
回答已采纳
我有一个部分，我的网站，有一个固定的位置，并有一个引导下拉菜单在其中。我遇到的问题是，当你点击菜单时，页面上的内容被切断了。为了解决这个问题，我想添加一个溢出滚动到固定的部分，但只有当元素被点击时。
如果单击元素并打开菜单，则溢出会出现，如果再次单击元素，则溢出会再次隐藏。这就是我的代码
$('.dropMenu').on('click', function(){
if($(this).find('.dropdown').hasClass('open')){
$('.sideContent'
浏览 3提问于2014-04-09得票数 1
回答已采纳
1回答
我有一个固定高度的分区，并应用自定义滚动到它。
现在，当我用鼠标滚轮滚动这个Div内容时，select2选项(当保持打开时)不会与相应的select2下拉菜单一起滚动。
这里是我的问题的 。
单击下拉菜单显示选项，然后用鼠标滚动使选项保持打开状态。即使下拉菜单上升，选项也不会滚动。
有什么解决办法吗？请建议，谢谢！
$('.customize-content').mCustomScrollbar();
$('select').select2({
minimumResultsForSearch: Infinity
});
<div class=
浏览 6提问于2017-01-13得票数 1
回答已采纳
在IE中，单击下拉菜单滚动条，下拉菜单关闭。当你使用鼠标滚轮滚动它时，它工作得很好。
下面是codeply链接：
建议我什么是解决这个问题的最佳方法。
浏览 0提问于2017-10-23得票数 2
我有一个定制的拖放多选择下拉列表。它只有dropdown的唯一控件id。当我们第一次打开下拉菜单时，滚动显示在顶部。下一步，我们向下并关闭下拉菜单。下次打开滚动条时，滚动条将位于相同的位置(向下)。 如何在打开滚动条时将其设置在顶部。任何css属性都会很有帮助。提前谢谢。
浏览 128提问于2021-07-03得票数 0
我正在处理下拉菜单，并使用jQuery操作DOM。到目前为止，我可以切换菜单进入和退出视野。每当菜单出现时，我就将它的CSS位置属性设置为固定，顶部、左和底部属性设置为零，其宽度设置为90%，如下所示
.menu-container{
position:fixed;
top:0;
left:0;
bottom:0;
width:90%
}
我的问题是双重的。
当我在菜单上滚动时(例如，测试时)，文档的其余部分也会滚动。每当看到菜单时，我想将滚动限制在菜单容器上。
$(‘.菜单-容器’).hasClass(‘菜单-打开’){//身体的其他部分不滚动}
浏览 3提问于2016-08-16得票数 1
回答已采纳
我正在尝试创建一个带Bootstrapdrop下拉菜单的好友请求菜单，我想让菜单以这样的方式使朋友请求可以滚动，如果他们超过3，而李的包含“你有2个请求”和“检查所有请求”的滚动时保持固定。当下拉菜单似乎不容易定制时，我如何实现这一点？
浏览 0提问于2017-10-03得票数 1
在我的项目中，我使用物质ui选择组件，问题是下拉内容非常长，不适合。
为了这些目的，我需要添加一个水平滚动到下拉菜单。我尝试将属性OverflowX添加到menuProps和sx道具中，但是它没有工作。有什么办法解决这个问题吗？
浏览 5提问于2022-07-25得票数 0
回答已采纳
1回答
我有一个导航栏，当向下滚动时改变颜色，即。它在开始时和滚动变成蓝色后是透明的。我使用了以下js代码：
$(function () {
$(document).scroll(function () {
var $nav = $(".navbar-fixed-top");
$nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
});
});
我的目标是改变颜色(即当下拉菜单打开时，也可以添加类“scrolled”)。
否则，如果我使用移动电话并访
浏览 0提问于2020-04-24得票数 0
我正在尝试创建一个下拉菜单，就像在Google+应用程序中找到的那样。屏幕截图可以在下面找到。我看过微调器和弹出菜单，但它们都不完全适合我正在尝试创建的内容。第一个图像显示了关闭的菜单，第二个图像显示了下拉菜单在打开时的外观。
菜单不应出现在操作栏内，并且在滚动时，显示所选选项的菜单将保留在屏幕顶部。
浏览 5提问于2014-10-27得票数 2
我有一个简单的菜单，当我单击"li“项时，页面会自动滚动到该部分。我想做的是在滚动结束后关闭我的“下拉菜单导航”。我搜索了一些问题，但我做不到。以下是我的HTML：
<div class="dropMenu-nav">
<ul>
<li><a href="#home" class="nav-link">HOME</a></li>
<li><a href="#about" class="nav-link
浏览 0提问于2018-11-17得票数 0
回答已采纳
2回答
我有一个非常具体的HTML/CSS和/或JS问题。我已经在上创建了一个例子来说明这个问题。
我有一个可滚动的div，它是一个表的父目录：
<div style="overflow-y: auto; max-height: 300px;">
<table style="width: 100%;">
...and我的一个表行包含一个带有下拉菜单的按钮：
<td>
<div class="dropdown">
<button class="btn btn-default dr
浏览 0提问于2016-02-24得票数 1
1回答
情况
我有一个肚脐在我的网站上，在其中我有几个下拉菜单/超级游戏。
我需要这个下拉点击，当用户有选择的“滚动”页面与键盘上的箭头键上下。
使用已经起作用的鼠标轮
但键盘不..。即使您设置了焦点(使用。将jquery中的焦点()集中在导航栏之外的元素上。
，如果没有显示下拉菜单，调整屏幕的大小。
然后试着在键盘上上下推，这种情况不能工作(屏幕不会向下或向上).只适用于鼠标滚轮，我也需要使用这个键盘。
我试过的案子是
$(document).keyup(function(event) {
if(event.keyCode == 38) { // up
浏览 3提问于2014-05-28得票数 0
1回答
因此，我有一个表，通过更改css中的可滚动表，使其水平滚动。
但是，下拉菜单开始以可滚动的方式在表的末尾附近被切断。因此下拉菜单在技术上是可见的，但是您必须将光标放在下拉菜单附近，然后尝试向下滚动以查看下拉菜单的其余部分。我试图使溢出-y隐藏，这禁用了垂直滚动，但这并没有使下拉到其他div。当然z指数也是..。
因此，在代码片段之前，它看起来如下(因为您可以选择按钮被切断)：
$('.table-scrollable').css({'display' : 'inline-block', 'width' :
浏览 3提问于2017-03-03得票数 1
1回答
我有一个绝对定位的主父div .objects-wrap，因为我有一个table。
现在，随着列的增加，水平滚动出现在底部，指向parent div .objects-wrap。
现在问题是在我的上一个td中，有一个bootstrap下拉菜单，它被隐藏了，因为水平滚动条，即使有一个z-index:1000应用于下拉菜单。
水平滚动条与下拉菜单重叠如何在滚动条上显示下拉菜单
我希望这能解释这个场景，并提前感谢您:)
浏览 0提问于2016-04-12得票数 0
2回答
如何识别正在使用的元素卷轴？
、、、、
我在react中有一个组件，在这个组件中，单击一个按钮~i就会显示一个下拉菜单选项。
已启用菜单溢出和浏览器屏幕溢出。
我的要求是当用户滚动菜单时。不需要更改。但是，如果菜单是打开的，用户试图滚动浏览器滚动-菜单应该关闭。
，我做了什么来实现这一点？
private handleMenu = (condition)? debounce(() => this.closeAllMenus(), 500,
{
leading: true
}) : debounce((event) => {}, 0, {});
在这里，我面临着寻找“条件”的问题。
条件应等于在用
浏览 0提问于2019-08-08得票数 1
回答已采纳
当我浏览Winforms应用程序的主工具栏时，我开始注意到奇怪的行为，我不知道如何修复它。当我最初打开File菜单的下拉菜单时，如下所示：
我开始用箭头键向下滚动每个项目，直到我到达"Exit“为止，一切都很好。一旦我从“注销”中按下箭头键，或者如果我从“打开”点击向上箭头键，菜单就会重新排列成如下所示：
我对这种行为感到困惑。菜单仍然有效，从这一点开始，如果我开始滚动，我可以让安排恢复正常：
几点意见：
菜单还能用。
使用鼠标时不会发生这种情况。
我有一些代码可以切换一些菜单项的属性。我可以通过玩弄这个来改变这种安排，但它仍然是混乱的。
浏览 3提问于2010-04-09得票数 1
回答已采纳
我有一个Javascript函数来捕获select下拉菜单的onChange。是否可以仅当用户使用鼠标从下拉菜单中选择项目时才触发事件，而不是当用户使用键盘向上或向下滚动时触发事件？
浏览 15提问于2016-09-23得票数 0
4回答
我使用javascript函数dropdown('toggle')启动引导下拉菜单，如声明的。
通常，无论何时单击外部选项或选择其中一个选项，下拉列表都会隐藏。
当通过javascript激发它时，这种情况不会发生。
在中，您将看到两个菜单：
使用“组件”触发器作为其激发的工作方式工作的
另一个，使用右键单击，它不能像预期的那样工作。(它不会在单击外部或元素单击时关闭)
在单击下拉菜单时，我可以使用以下方法“手动”删除该下拉菜单：
$('body').removeClass('open');
但我不太清楚为什么下拉菜单的工作方式与
浏览 6提问于2015-09-08得票数 2
回答已采纳
我有一个Bootstrap下拉菜单。当我从下拉菜单中选择一个值时，焦点转移到页面顶部。下拉菜单的类选项如下：
<a class = "btn dropdown-toggle" data-toggle = "dropdown" data-target = "#">
<span class = "caret"></span>
</a>
jFiddle示例。您需要在results窗口上向下滚动到see下拉菜单。
纠正这种行为的最好方法是什么？
浏览 0提问于2013-03-29得票数 12
回答已采纳
我正在创建一个网站与缩小标题部分“滚动”和一个下拉菜单。
我遇到的问题是，当我向下滚动时，下拉菜单不能正确显示。我尝试了几个小时来检查包含下拉列表的"ul“元素，但我不能理解发生了什么，因为当我检查元素时，我看到了那里的框，但它没有显示。
我在这里设置了我的问题的演示
你会看到，如果你不滚动，它会工作，一旦你滚动，即使你向后滚动它的混乱。
当我删除头部的收缩功能时，一切都正常，所以我猜错误一定在那里，但几个小时后我就没有运气了。
在正确的方向上的任何一点都将是非常感谢的！
浏览 2提问于2011-08-16得票数 0
回答已采纳
1回答
我有一个下拉菜单，如果打开(100vh +100vw)，它会覆盖整个页面，当我单击下拉菜单按钮时，我会尝试禁用身体的滚动。 由于某些原因，在单击时添加和删除类对我不起作用，但通过以下方式直接添加样式对我来说非常有效：<a href="#" onclick="document.body.style.overflow = 'hidden';> 但是，再次单击链接并不会将溢出设置为再次滚动，所以有谁可以帮助我吗？
浏览 23提问于2020-08-19得票数 0
回答已采纳
1回答
可折叠面板与下拉菜单的动态定位
、、、、
我正在开发一个代码，它需要动态定位下拉菜单，该菜单插入到可折叠面板下。问题是，当面板被折叠时，您需要垂直滚动，这样才能到达下拉菜单，然后丢失并打开窗口外的窗口。但是，当可折叠关闭时，一切都正常。什么是JQuery定位代码，它总是准确地打开按钮下的不同屏幕大小和不同滚动条的位置？下面是我开发的示例代码：
浏览 2提问于2016-10-07得票数 1
回答已采纳
我使用AngularJS和bootstrap创建了一个多选下拉菜单，并添加了搜索和滚动选项，它工作得很好。我需要实现无限滚动时，滚动在多选下拉可滚动条。它不适用于多选下拉，但无限滚动适用于div。我看到onItemSelect和onItemDeselect的事件没有找到任何滚动多选下拉菜单的事件。
我包含以下代码：
<div ng-dropdown-multiselect="" options="user" selected-model="userModel" extra-settings="example14settings&
浏览 0提问于2017-03-16得票数 1
我在带有div的overflow-x: auto容器中有一个下拉菜单，每当我向容器中添加溢出属性以启用水平滚动时，您需要垂直滚动才能看到被删除的菜单！！这不是我想要的，是否有一种解决方案使下拉菜单与容器的容器重叠--保持在容器内水平滚动navbar的能力？
全球综合框架问题：
另一个没有溢出的GIF，它解决了问题，但禁用了容器中的水平滚动条。
我正在寻找一个纯粹的CSS解决方案。
浏览 1提问于2017-02-21得票数 6
回答已采纳
A有一个带有absolute定位的下拉菜单的页面.当菜单可见时，它比body高，因此它在footer下面创建了一些空白，该空白位于body的bottom (bottom:0)中。
预期的行为是，footer向下滚动到滚动区域的底部，在滚动到底部后才能看到。
如何在显示下拉菜单时强迫body增加其高度，或者如何使页脚位于底部？当显示高div时，窗口中有一个滚动条，但是footer不在滚动内容的底部。我不想使用position: fixed，因为页脚粘在窗口的底部，并且总是可见的。
<div style="position:relative">
<d
浏览 6提问于2017-04-08得票数 1
回答已采纳
我想要检测下拉菜单中的滚动操作，只有当它被滚动时，一个特定值才会更新。
查看Ember Power Select的API引用，我看到了scrollTo函数，它不会在我滚动时触发。
可以做些什么呢？请帮帮忙。
提前谢谢。
浏览 0提问于2017-11-06得票数 1
当组合一个可滚动的数据表和一个bootstraps下拉菜单时，单击表底部的下拉列表会从弹出式菜单中向滚动添加额外的空白。我希望下拉菜单不会给滚动添加空间，而是让它出现在表格之外。你对这个问题有什么想法吗？(它也出现在引导日历/选择器中)
我发现唯一答案是使用dropup
以下是示例代码JSFIDDLE (单击表底部的下拉列表)
$(document).ready(function() {
$('#test_Table').DataTable( {
"scrollY": "200px",
"scrollColl
浏览 0提问于2015-11-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
