Android Google Chrome菜单-汉堡过渡问题(translateY不能正常工作)
Android Google Chrome菜单-汉堡过渡问题是指在使用Android设备上的Google Chrome浏览器时，当点击菜单按钮（通常是一个汉堡图标）时，菜单过渡效果中的translateY属性无法正常工作的问题。
translateY是CSS中的一个属性，用于控制元素在垂直方向上的平移。在菜单过渡效果中，translateY通常被用来实现菜单从屏幕外滑入或滑出的动画效果。
造成这个问题的原因可能是浏览器版本的兼容性问题或者代码编写错误。为了解决这个问题，可以尝试以下几个步骤：
- 检查浏览器版本：确保使用的是最新版本的Google Chrome浏览器。可以通过在Google Play商店中搜索并更新Chrome应用程序来获取最新版本。
- 检查代码：仔细检查菜单过渡效果的代码，确保translateY属性的使用正确无误。可以参考CSS文档或相关教程来了解正确的使用方法。
- 使用其他过渡效果：如果translateY属性仍然无法正常工作，可以尝试使用其他的过渡效果来代替。例如，可以尝试使用CSS的transform属性中的scale或rotate来实现菜单的过渡效果。
- 参考腾讯云相关产品：腾讯云提供了一系列与移动开发相关的产品和服务，可以帮助开发者解决移动应用开发中的各种问题。具体针对Android开发的产品和服务，可以参考腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）。
需要注意的是，以上解决方案仅供参考，具体解决方法可能因具体情况而异。如果问题仍然存在，建议咨询相关技术论坛或向Google Chrome的官方支持团队寻求帮助。
相关·内容
1回答
Android Google Chrome菜单-汉堡过渡问题(translateY不能正常工作)
css-transitions、css-transforms、android-chrome
}
{}
{{ }
{
transform: translateY它可以在桌面Google Chrome上正常工作，
浏览 25提问于2021-03-24得票数 0
回答已采纳
2回答
Ubuntu 18.04 -如何让Chrome窗口可调整大小？
google-chrome、ubuntu、resize、window、user-experience
我在Ubuntu 18.04中使用Chrome。但是我不能在这两个维度中调整窗口的大小。右下角也不是活动的，可以拖动和调整大小到特定大小。我可以最大化和取消最大化，但是这个大小是Chrome预先定义的。有没有办法在Chrome/Ubuntu中调整窗口的大小？这只是一个bug吗？
浏览 57提问于2020-04-30得票数 0
回答已采纳
3回答
渐进式web应用可以在Android中注册为共享选项吗？
android、progressive-web-apps
完全是新手问题。在Android中，我们可以将内容“分享”给其他已安装的Android应用程序。例如，假设我在安卓设备上安装了Chrome For Android和Google+应用程序。我可以通过转到Chrome的汉堡菜单→Share…将我在Chrome中查看的网站共享到Google+→Google
浏览 4提问于2016-07-05得票数 35
1回答
可以使用相同的图标打开和关闭模式吗？
css、css-transitions、bootstrap-modal
但是，假设它最初是正常页面上的一个汉堡图标，当我单击该图标弹出模式菜单时，它现在位于模式下。有没有办法让它保持在甚至是模式的顶部？我试过z-index，但我不能让它工作。对我来说棘手的是，我想让图标从汉堡过渡到X，然后在它关闭时反之亦然：任何想法或建议都很棒，谢谢。
浏览 0提问于2015-04-28得票数 0
1回答
为什么在Android的Chrome上显示隐藏输入元素的虚拟键盘，而不是其他设备？
android、google-chrome
实际上它在汉堡包菜单上已经崩溃了。4)弹出虚拟键盘。这似乎是Android上Chrome的一个bug，但我的Google-fu让我失望了。
我在Android 6.0.1和Chrome 52.0.2743.98上遇到了这个问题。
浏览 0提问于2016-09-13得票数 0
1回答
离子3:菜单切换一直隐藏
angular、ionic-framework、ionic3、hamburger-menu
我在Ionic 3中实现了一个汉堡菜单，但我面临着一个问题。当我在我的Android设备上运行这个应用程序时，汉堡菜单一直消失，也就是说，打开侧边菜单的按钮消失了。然而，这种情况只是偶尔会发生。我试图在用Google Chrome查看应用程序的同时运行它，我注意到菜单切换由于某种原因被隐藏了，但我不知道为什么。我不控制.ts类中的可见性。
浏览 0提问于2018-04-28得票数 4
2回答
CSS响应菜单显示，然后隐藏，为什么
css、menu、responsive-design
我即将推出这个网站，并在响应性方面做了很多工作……大的东西是菜单，它是响应式的，当它太小而不能显示所有项目时，会显示“汉堡”。问题是，当屏幕足够大，可以显示整个菜单时，显示的是汉堡，然后隐藏以离开整个菜单。*在mac上的chrome中测试，链接到页面：
浏览 1提问于2015-04-01得票数 0
2回答
Android 7中的Androidx导航图标兼容性问题
android、kotlin、icons、toolbar
我在我的应用程序中使用了com.google.android.material.appbar.AppBarLayout和androidx.appcompat.widget.Toolbar，在安卓8中它工作得很好，但我遇到了一个问题，在安卓7(API24和API25)中，“汉堡”菜单图标和“后退”图标只是显示为一个白块，尽管其他菜单图标显示正确。汉堡包图标显示的位置。以及后退按钮的外观。<com.
浏览 0提问于2019-06-13得票数 3
1回答
当我删除一个类的时候，如何过渡到工作？
jquery、html、css
我的CSS3、HTML5、jQuery菜单出现问题。这是一个简单的菜单，其中有transformX(-100%)和transformX(0%)，这取决于活动类added.For添加一个类，一切都变得顺利，但当我删除类时，它只是消失，没有过渡。当一个类被移除时，如何过渡到正常工作？position: absolute; transf
浏览 4提问于2017-02-19得票数 0
回答已采纳
1回答
Unicode ☰；汉堡包在安卓和Chrome中不显示
android、html、unicode、font-face、hamburger-menu
我注意到我的汉堡包菜单图标在Chrome for Android中停止显示，而且，现在在Android浏览器中，我只是得到了错过的图标图像。我已经创建了一个测试页面来显示这个问题，包括在下面。我对此感到困惑，因为两个月前，当测试完成时，它工作正常，此后没有任何更改或更新。我想知道是否有人有任何建议？
浏览 8提问于2015-08-18得票数 5
回答已采纳
1回答
CSS汉堡菜单图标在ie9中显示不正确
css、internet-explorer-9、pseudo-class、hamburger-menu
我已经插入了‘汉堡包’菜单图标到我的网站的标题中，使用的只有CSS3代码从滴滴网站。图标使用伪类: uses和:after，它在最新版本的Chrome和IE11中工作得很好。但是，使用IE9 (我们的组织在工作中使用)，初始触发器图标甚至不能正确显示，而且在加载页面时只有3行(我认为是中间行)中的一行是可访问的。我以前在使用这些伪类的IE9时没有遇到任何问题。我已经检查了我的html中没有任何东西使IE9恢复到古怪模式，并且可以确认这个问题是在IE9标
浏览 3提问于2015-03-08得票数 0
回答已采纳
3回答
谷歌Chrome打破菜单
javascript、html、css、google-chrome、menu
我们现在有一个下拉菜单，在Chrome中是坏的(而只有在Chrome中)。一周前就开始工作了，发生了一些事情。当您单击下拉菜单，然后单击下拉菜单中的“飞出”时，退出的背景会移动到屏幕的左侧，而该退出的背景将变得透明。它在其他任何浏览器(包括基于Chrome的浏览器)上都能正常工作，但在Google中却不能正常工作。
去
浏览 10提问于2022-07-08得票数 0
回答已采纳
1回答
我怎样才能让我的汉堡动画逆转？
jquery、html、css、css-animations
我不能让我的动画顺利工作。我创建了一个汉堡图标，有三个div，如下所示：<div class="burger-contain"> margin: 10px;然后是关键帧：0% {transform: translateY<
浏览 1提问于2018-11-30得票数 3
回答已采纳
1回答
如何仅使用wordpress中的css使响应菜单上的子项始终对移动设备可见
css、wordpress
我在https://apostolosloukas.org网站上工作。菜单在pc和android手机上运行良好。但是，在带有iOS 14.6的iPhone 11中，即使我们单击父项，菜单的子项也不可见。 我不确定如何解决这个问题，但现在我想让移动设备的汉堡(响应式)菜单中的子菜单项始终可见。我和CSS一起工作。 我当前的代码如下所示，但无法正常工作。有什么需要帮忙的吗？
浏览 10提问于2021-06-29得票数 0
回答已采纳
1回答
下拉菜单在火狐上效果很好，但在WebKit上就不行了
html、css、drop-down-menu
我正在工作的下拉菜单只使用CSS和HTML5 (没有JavaScript)在我的个人网站。这就是：
如果你使用火狐浏览器进入，菜单效果会很好(这就是所谓的"Secciones")：当你把鼠标放在"Secciones“div上时，菜单就会出现一个过渡。但如果你在Safari或Chrome上试用，它会正常工作，除非你把鼠标放在"Secciones“目录下。在这种情况下，菜单将正常显
浏览 0提问于2013-03-20得票数 0
1回答
React中的响应导航菜单出现问题
reactjs
我有一个导航响应菜单的问题。当我调整页面大小时，我可以看到汉堡菜单和一切正常工作，我正试图在react中添加一个切换或滑动切换，就像在fine.But中一样。我创建了一个切换按钮，但不能正常工作。上面是代码，我为汉堡菜单和状态条件创建了一个handleClick按钮。css文件中的className="mynav“是display:none；我想在页面尺寸小的时候，当我按下汉堡</
浏览 0提问于2019-04-02得票数 0
1回答
引导响应菜单下拉菜单在2 3次之后没有显示子菜单
android、twitter-bootstrap
我正在使用引导2.1.1问题是在android手机和chrome浏览器上。我在iPhone上试过了，它在那里很好。android设备上的引导响应菜单存在问题--它在桌面浏览器中工作正常，但在android移动和chrome浏览器中工作正常，当我单击它并将其下拉时，所有的子菜单都会显示出来，但是当我再次尝试时，所有子菜单都消失了
浏览 4提问于2013-10-23得票数 0
回答已采纳
1回答
Mahapp飞出是由webview2控件隐藏的
wpf、mahapps.metro、webview2、flyout
我觉得我错过了一些显而易见的东西，但是：控件在下面的代码中被封装在一个网格中，因为我注意到如果我将webview放在StackPanel中，那么webview就不会显示(没有给定的高度/宽度度量)，但是飞出确实会像预期的那样出现在前面。因此，我尝试了DockPanel和网格，它显示网页，但隐藏的飞出。
这就是如何在DockPanel或Grid中呈现we
浏览 11提问于2021-09-27得票数 0
3回答
Chrome菜单在30%的情况下立即消失(xorg问题？)
xorg、google-chrome、chromium、menu
在中，我有一个问题:右击和汉堡包菜单可以正常运行5次，在此之后，在大约50%的情况下，它们会在显示后立即消失。此外，一些网站上的下拉列表不能正常工作(例如，google电子表格上的文本颜色选择)--它们的工作方式就像我刚刚单击菜单下面的窗口一样。通过重新启动窗口管理器解决了这个问题，但是在单击5次之后，它会再次引发。更新了从20 from到22 from的ubuntu版本
使用不同的窗口管理器(lx
浏览 0提问于2022-08-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
