代码之家  ›  专栏  ›  技术社区  ›  wallop

不触发滚动的剪裁元素

  •  0
  • wallop  · 技术社区  · 7 年前

    语境:

    • 有一个可滚动的容器
    • 容器内有许多复选框

    会发生什么:

    • 当复选框未剪裁且处于焦点时,按箭头键可按预期滚动容器

    • 当复选框被剪裁并处于焦点时,按箭头键不会滚动容器

    它被剪裁(仅限SR)的原因是可访问性。使用可见性隐藏并不能解决问题。

    有效的:

    最后我只能用

    宽度:0px,工作正常

    不透明度:0,因为宽度:0px不适用于Firefox。

    问题: 不知道为什么裁剪元素不会触发相同的响应,因为bootstrap只提供sr,而且我们已经在多个地方使用了它。有更好的解决办法吗?

    0 回复  |  直到 7 年前