如何防止菜单在FAB hide上移动？
要防止菜单在FAB（Floating Action Button）隐藏时上移，可以采取以下几种方法：
- 使用CSS属性position: fixed来固定菜单的位置，确保菜单不会随着页面滚动而移动。同时，需要设置菜单的z-index属性，以确保菜单显示在其他元素之上。
- 在菜单隐藏时，通过JavaScript动态修改菜单的位置，使其保持在固定的位置。可以通过监听FAB的隐藏事件，在事件触发时修改菜单的位置。
- 使用CSS属性translateY来控制菜单的垂直偏移。在FAB隐藏时，通过设置菜单的translateY属性为0，使菜单保持在原来的位置。
- 使用动画效果来平滑过渡菜单的隐藏和显示。可以使用CSS过渡或动画属性，为菜单添加适当的动画效果，使其在隐藏时不会突然移动。
需要注意的是，以上方法都是基于前端开发的技术实现，具体的实现方式和代码会根据具体的前端框架和技术选型而有所不同。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库（TencentDB）。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整计算资源。适用于各类应用场景，包括网站托管、应用程序部署、大数据分析等。了解更多信息，请访问：腾讯云云服务器产品介绍
- 腾讯云云数据库（TencentDB）：提供高可用、可扩展的数据库服务，支持多种数据库引擎，包括MySQL、SQL Server、MongoDB等。适用于各类应用场景，包括Web应用、移动应用、物联网等。了解更多信息，请访问：腾讯云云数据库产品介绍
相关·内容
1回答
当我使用fab.hide()时，菜单从右角向左移动。如何解决这个问题？ 它看起来怎么样： ? 然后我点击： ?
浏览 15提问于2020-09-05得票数 0
回答已采纳
1回答
我有一个2级菜单，在移动设备上，菜单在滚动时崩溃.我不知道如何防止这种情况发生，因为它不会发生时，我的PC测试，即使在相同的宽度。所使用的jQuery是在.mouseenter和.mouseleave事件上触发的，所以我相信这可能与此有关。有人知道如何防止菜单在没有插件的情况下崩溃在移动卷轴上吗？height = $(window).height();
if ((width <= 57
浏览 2提问于2015-05-19得票数 0
回答已采纳
其目的是让FAB始终固定在屏幕上。一个奇怪的想法是将它移到包含ViewPager的布局中，但我只希望它在一个页面上。
浏览 0提问于2015-07-04得票数 4
我正在研究C# Xamarin.Android
github代码就是这样的。但今天不行了var fab = FindViewById<FloatingActionButton>(Resource.Id.fab);
fab
浏览 4提问于2017-08-15得票数 2
回答已采纳
2回答
我正在看这个演示页面：
一般来说，它工作得很好，但当菜单在我的macbook上打开时，我可以用两个手指来滚动和移动白色的机身div。我如何使用CSS来防止这种情况呢？
浏览 0提问于2014-04-12得票数 9
1回答
它在桌面上看起来很好，但是当我们在移动设备上打开/展开菜单时，菜单在页脚后面。请注意，我们不能在滑块和页脚之间添加额外的空白来防止这种情况发生，如中所述
我们该如何解决这个问题呢？请帮帮忙
谢谢
浏览 7提问于2020-05-29得票数 0
2回答
是否有一种相对简单的方法使Bootstrap (v3)移动菜单在屏幕上显示完全高度(100%)？
看起来，菜单只覆盖其中的菜单内容(bootstrap.js中的默认行为)。我只想防止用户在查看移动菜单时滚动/查看底层页面。
浏览 2提问于2017-06-30得票数 2
回答已采纳
1回答
我只想要一个简单的动画，当滚动视图移动。我已经尝试过一些解决方案，但是没有一个是完美的/流畅的。如果我滚动，我想用幻灯片向下的动画隐藏fab，如果2秒后什么都没有发生，就用幻灯片播放动画。
浏览 2提问于2015-08-15得票数 6
回答已采纳
1回答
我有一个导航，当调整到平板电脑/移动设备的大小时，它会隐藏子导航菜单.nav-sub-wrapper。问题是，使用此特定的jQuery来隐藏调整大小时的菜单，它会在单击菜单(.hamburger)图标时禁止菜单在移动/平板设备上显示。如何启用.hamburger菜单以触发.nav-sub-wrapper类在单击时显示？if($(window).width() <= '768'){
$(".nav-sub-wrapper, .desktop-searc
浏览 4提问于2016-05-20得票数 0
当用户悬停在菜单项上时，整个页面都会显示一个覆盖层，使其变暗，并使菜单在菜单上更清晰地显示出来。这在桌面上很好，但是在移动设备上，覆盖层一旦被激活就不会消失，这可以防止用户点击站点上的任何内容。.show();jQuery("#meganav-overlay").removeClass("meganav-overlay").hide</
浏览 4提问于2014-05-06得票数 0
回答已采纳
3回答
有没有其他方法可以让这个下拉菜单在任何使用jQuery的移动设备上平滑过渡？});
$j('.dropdown-inside').hide
浏览 3提问于2014-07-07得票数 2
1回答
我的App.tsx文件中有一个fab按钮。它覆盖在我底部标签栏的顶部，但实际上并不在标签栏的内部，因为如果我把它放在IonTab中，非标签按钮似乎会消失。目前，当我打开键盘输入时，fab按钮随着键盘向上移动。我希望它隐藏在键盘后面/完全不动。 我已经尝试了位置:绝对，但它仍然向上移动。
浏览 17提问于2020-08-08得票数 0
16回答
layout_height="wrap_content" android:clickable="true" android:src="@drawable/ic_fab_location_24dp"
app:backgroundTint="@color/colorO
浏览 7提问于2015-07-07得票数 50
回答已采纳
1回答
点击子菜单关闭当前子菜单
、、、、
我有下面的javascript，用于移动菜单，它工作正常，但当单击具有另一个子菜单的子菜项时，它不仅关闭该子菜单，而且关闭父子菜单。希望这是合理的。对于如何让它关闭子菜单而不是父子菜单，有什么想法吗？jQuery('.mobile-menu .sub-menu').hide();jQuery('.mobile-menu .sub-menu
浏览 2提问于2016-12-20得票数 0
回答已采纳
谷歌已经发布了设计库，我正在使用然而，我看不到任何关于如何使用这个库以及如何在滚动中动态显示FAB条的代码示例我想我可以监听ListView上的滚动事件，然后自己制作按钮动画，但这不是已经包含在API中了吗(这难道不是这个支持库的意义所在吗)。
有这样的例子吗？
浏览 5提问于2015-08-17得票数 49
1回答
在我工作的应用程序中，这是覆盖一个FAB，使它无法使用，直到蓝色横幅消失。是否有办法控制横幅显示的时间长度？另外，有没有一种方法可以让FAB像一个零食条显示的那样向上移动呢？最后，如果用户在横幅显示时退出应用程序，它将继续显示在手机主屏幕上，从而阻止任何使用下面应用程序栏的操作。有什么办法可以防止这种情况发生吗？
浏览 0提问于2016-01-14得票数 4
回答已采纳
我希望FAB只出现在我的TabLayout中的一个选项卡上，并且在导航到另一个选项卡时被隐藏。例如，一个选项卡将允许您在FAB中添加新项，但下一个选项卡将不允许您添加项。这将导致任何向上滚动，导致FAB消失，并将返回屏幕上的向下滚动： boolean returnValue = super.onDepende
浏览 4提问于2015-07-16得票数 12
回答已采纳
1回答
这个小提琴做的正是我想要的，使用位置计算器插件和javascript来定位它，但是有没有一种方法可以防止菜单在鼠标停留在菜单上时隐藏起来，因为我要求菜单的列表项是可点击的。menu.css('left')) + pos.moveBy.x + "px" $("#menu").hide
浏览 0提问于2016-10-15得票数 0
3回答
如何防止此函数再次调用自身： login(); $('#login').hide(); $('#pre-login').hide();</a></h4&
浏览 2提问于2012-09-22得票数 1
回答已采纳
我面临的问题，在网页导航的同时，集成材料精巧( FAB )按钮，甚至FAB按钮形状是changed.What，我应该做什么来恢复它的形状和大小？button" align="right">
<a href="#pagethree"><button class="mdl-button mdl-js-button mdl-button--fab
浏览 0提问于2016-04-18得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
