链接的转换延迟大于内容

Transition delay for links is more than the content

本文关键字：大于 延迟 转换 链接      更新时间：2023-09-26

在自定义javascript函数中，我删除可见的内容部分，并添加隐藏的内容部分类，以通过转换来消失div。

这种过渡按预期进行。但是，在div完全不可见之后，光标仍然会在2-3秒内检测到内容中的链接。这可能会让最终用户感到困惑。

这是什么原因？为了减少问题，我可以使用"可见性"以外的其他样式吗？AFAIK显示器在这种情况下不工作。

.my-content-section-visible{
    visibility: visible;
    -webkit-transition-duration: 400ms; 
    transition-duration: 400ms;
    /* Several other styles here */
}
.my-content-section-hidden{
    visibility: hidden;
}

谢谢。

为什么不尝试影响容器中的内容？

示例：https://jsfiddle.net/ebyptvt6/

示例css：

.container {
  /* css code */
}
.container:hover, .container:hover .contents {
  visibility: hidden;
}

以下是解决方案。我禁用链接操作。

.my-content-section-hidden a{
    pointer-events: none;
    cursor: default;
}
相关文章：