如何使用css或javascript使多级下拉菜单在触摸屏设备上工作？因为当我在触摸屏设备上测试我的网站时，我点击了下拉菜单(它工作得很好)，但当我试图摆脱下拉菜单时，我做不到(除非我重新加载了页面)。我希望它在桌面上悬停，而不是在触摸屏<
浏览 22提问于2020-11-08得票数 0
我想这样做的原因是，我们的“桌面版”上有下拉菜单，我想隐藏它们(因为它们在触摸屏设备上不能很好地工作)，并显示一个只有“基本”链接的简化菜单。我无法在检测到设备时使用媒体查询，因为其中一些设备(例如三星Galaxy S3 )的分辨率太高。if mobil
浏览 0提问于2012-11-14得票数 4
2回答
我的网站使用的是纯CSS3下拉菜单。问题是，当网站在触摸屏设备上查看时，一些带有悬停属性的菜单项不会自动下拉。我如何才能将其更改为，如果菜单项有悬停下拉菜单，在触摸屏设备中，您必须触摸它，然后菜单将下拉到我们的PC中的其他位置，它仍将保持悬停效果。
仅仅使用CSS就可以做到吗？
浏览 1提问于2013-04-22得票数 3
我读过这个帖子，支持使用CSS的唯一理由是不是只为了适应关闭了javascript的人？在一个必须在桌面和大多数移动浏览器(iOS、安卓)上工作的网站中，哪种方法更具容错性？
浏览 2提问于2012-04-13得票数 1
回答已采纳
1回答
下拉列表不会在iPad上消失
、、、、
我有一个简单的下拉按钮，显示内容时，用户点击或点击(在触摸屏上)按钮。它的工作原理很好，但是在一些移动设备(特别是iPad和Windows的设备)上，当用户触摸下拉菜单外的屏幕时，下拉列表就不会消失。dropdown-toggle">Click Me</div>
<div class="dropdown-menu">Example cont
浏览 6提问于2015-10-01得票数 0
2回答
我有一个下拉菜单，除了在触摸设备上，它工作得很好。在ipad上，当你触摸其中一个菜单项时，下拉菜单看起来和平常一样，但即使你触摸屏幕上的其他地方，下拉列表也会留在那里。如果您触摸屏幕上的其他位置，如何使菜单消失？
浏览 1提问于2013-03-10得票数 1
1回答
我使用的是普通的javascript touchstart和touchend事件，我开始认为这不是执行此操作的最佳方法，只要我把手指从菜单项上拿开，菜单就会崩溃。 mobileLevelZeroItems[i].classList.remove("onTouch") }CSS
浏览 2提问于2020-07-10得票数 0
回答已采纳
1回答
移动触摸菜单
、、、
关闭子菜单(不单击链接)，如果您将鼠标移到子菜单外(使用鼠标)或触摸子菜单之外的任何位置(使用触摸屏)。我在“网络”上看到的其他解决方案似乎比这复杂得多，例如：单击“功能”：触摸设备上的悬停状态建议使用:focus或:active是必要的，因为:hover：
在</
浏览 0提问于2014-07-06得票数 12
我使我的网站移动友好，我是加载不同的CSS文件，如果用户是使用触摸设备或不使用。我已经编辑了这个问题来代替创建一个警告框来简化这个问题。请注意： LoadCSS(style.css)已更改为alert()根据我的研究，eval(变量)以代码的形式运行/执行变量，但这是行不通的。我想运行的代码存储在"isTouchscreen“和"not
浏览 4提问于2019-11-08得票数 0
回答已采纳
3回答
CSS:用于触摸屏逆向工程的悬停
、、、、
我找到了，它有一个子菜单，在我的iPhone/Pad上运行得很好，我很好奇他们是如何让li:hover ul{在触摸屏上工作的？我已经看过了整个HTML，CSS，JS，没有什么特别的，所以如果有人有线索可以有一个峰值，我会非常感兴趣的，他们发现了什么。
浏览 3提问于2011-04-12得票数 1
在我的网站(链接：)有两个胡佛下降(“菜单(fotografie)”+“联系”)，这是打开时，霍弗。在触摸屏设备上，"contact"-dropdown正在工作，而不是下拉菜单(Fotografie)。谢谢你的帮助!
最美好的祝愿
浏览 0提问于2019-09-13得票数 0
回答已采纳
1回答
仅在Safari浏览器中显示巨型下拉菜单时，我有一个明显的问题。这是大多数苹果设备的情况。在最现代的Iphone上，只有一次测试效果不错，但仍然存在缺陷。其他设备没有在点击、大屏幕或小屏幕上打开下拉菜单(我写的是响应性的)。我已经检查过了，不同设备上安装的Safari是否实现了。这不能解决问题。另外，-webkit属性没有修复它。我使用了维多利亚·克伦塞尔的这个多级</em
浏览 11提问于2022-02-21得票数 0
如何使用javascript来拖放触摸屏的div (不是iphone或ipad.It拥有像IE6那样的传统浏览器，而是用手指操作)？代码仍然可以正常工作吗?如果不能，如何使用
浏览 0提问于2012-05-20得票数 0
2回答
我想使用javascript或jquery在触摸屏设备上更改数据属性。上面写着“向下滚动获取更多信息”的文字应该是“触摸触摸屏设备上的箭头”。触摸屏-浏览器检测工作，我只是不能改变数据-信息属性。class="trigger" id="trigger" data-info='Scroll down for more informat
浏览 5提问于2014-08-21得票数 1
回答已采纳
我有一个下拉菜单在它的顶部附近，使用悬停，这是不工作的触摸设备。我需要通过点击(我不关心悬停是否仍然有效，我需要点击)，但不知道怎么做。我如何通过点击触摸屏来完成这个任务呢？我真的很想暂时远离javascript，只想使用HTML和CSS。我是非常新的网页设计，所以我需要一个非常基本的解释。此外，我知道我的图像需要很长时间来加载，任何关于如何解决的建议也将受到赞赏。
浏览 1提问于2020-04-29得票数 0
3回答
我有一个css菜单，在大多数桌面浏览器上都能很好地工作，但我的下拉菜单在IPad和Iphone上工作时遇到了问题。这里是有问题的站点：谢谢
浏览 3提问于2012-10-08得票数 2
2回答
我正在使用一个基于CSS的菜单，其中我使用悬停效果来显示子菜单。我很想知道这个菜单在触摸屏设备上是如何工作的。我在IPad上测试了它，它似乎不起作用。
浏览 3提问于2013-09-23得票数 0
在我用CSS创建的网页上有一个下拉菜单。当它悬停在项目上时，它会下拉子菜单。它在我的电脑上工作得很好，但是在触摸屏上，当我点击菜单外面的时候，我无法让菜单关闭。我无法为触摸屏找到一种方法来识别我不再点击菜单了。我会想象我需要某种Javascript或JQuery触发器。我不知道如何简
浏览 0提问于2014-06-13得票数 0
1回答
我如何在我的angular应用程序中添加鼠标滚动选项，类似于触摸屏设备的滚动选项，在触摸屏设备中，您可以通过按住屏幕并进行一些向左或向右滑动移动来滚动。如何使用鼠标实现类似滚动技术，使用户可以在某些空白区域单击，而不是在按住单击的同时分别在特定方向上移动鼠标滚动。类似于trello.com的可用功能：我更喜欢使用纯CSS来实现此行为，因为chrome的
浏览 18提问于2017-08-01得票数 4
回答已采纳
2回答
使悬停功能与移动设备兼容
、、、
所以我开发了一个网站，并创建了一个功能，当你将鼠标悬停在一个框上时，它会显示文本，但是当我在移动设备上测试我的网站时，你不能在没有光标的情况下悬停，如果我点击了这个框，它也不能识别点击，那么我如何才能使它兼容，这样如果在移动设备上，只需点击一下，它就可以正常工作 position: absolute;
top: 100%;
浏览 2提问于2019-12-30得票数 0
云服务器
ICP备案
对象存储
实时音视频
云直播
腾讯云开发者
