隐藏元素/ Safari中的奇怪行为滚动条

问题描述

我在隐藏元素的滚动条上发现了奇怪的行为。

如果将滚动条放在“可见性：隐藏”元素中，并在将其悬停在父元素上时使其显示，那么当您在不可见的滚动条上移动鼠标时，该元素将变为可见...

此行为仅在Safari中

有什么想法吗？

!EXAMPLE!

<ul>
    <li>
      <span>1</span>
      <div class="top">
        <div class="sub">
          123
          <br /><br />123<br /><br /><br />123
          <br /><br /><br /><br /><br /><br /><br />123
          <br /><br /><br /><br />123
          <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />123
        </div>
      </div>
    </li>
<ul>

    ul {
      list-style: none;
    }

    ul>li {
      position: relative;
    }

    li>span {
      background: gray;
    }

    ul>li:hover>.top {
      visibility: visible;
    }

    .top {
      position: absolute;
      top: 0;
      left: 20px;
      background: crimson;
      padding: 20px;
      visibility: hidden;
    }

    .sub {
      height: 70px;
      width: 100px;
      overflow-y: auto;
      overflow-x: hidden;
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）