2

我使用的是 mdbootstrap Pro 4.5.5 版本，出现以下问题。为了提供基于上下文的操作，我使用固定按钮：

https://mdbootstrap.com/components/buttons/#fixed-buttons

正如我们在屏幕中看到的，组件在内容上方覆盖了一个隐藏的无序列表。在此列表中，按钮显示在悬停或单击移动设备上：

检查固定按钮

问题是：如果我在隐藏列表下方有一些链接或其他操作（这可能发生在移动设备上，正如您在第二个屏幕上看到的那样），它们不可点击，并且当我触摸或点击时按钮已经显示列表下的链接。

在此处输入图像描述

如果有人可以提供帮助，将非常高兴。我也很高兴在 html 和 js 上实现 fab-button-bar 的其他示例或解决方案

4

1 回答 1

0

我自己找到了解决方案（更多的是破解而不是解决方案）。它取决于 openFABMenu 和 closeFABMenu 上的速度初始化，其中只有不透明度设置为 0。仅隐藏按钮但容器已经存在：

    var closeFABMenu = 函数 closeFABMenu(btn) {
    $这个= btn;
    // 获取方向选项
    var 水平 = $this.hasClass('horizo​​ntal');
    var offsetY = void 0,
    offsetX = 无效 0;

    如果（水平===真）{
    偏移X = 40；
    } 别的 {
    偏移量 = 40;
    }

    $this.removeClass('active');
    变量时间 = 0;
    $this.find('ul .btn-floating').velocity('stop', true);
    $this.find('ul .btn-floating').velocity({
    不透明度：'0'，
    scaleX: '.4',
    scaleY: '.4',
    translateY: offsetY + 'px',
    translateX: offsetX + 'px'
    }, {
    持续时间：80，
    **显示：“无”**
    });

现在我覆盖了函数 closeFABMenu/openFABMenu 并在速度的初始值上插入了 display: none 和 display:block 。

atm 它对我有用，我们希望是最好的。但解决方案不是很干净，因为我还需要对 css 和 html 进行一些更改。想知道，我是唯一有这个重叠问题的人....

于 2018-07-16T10:39:07.580 回答