如何解决垂直高模态将在FireTV的SilkBrowser中很好地工作
我有一个垂直高的模态,它在台式机浏览器和智能手机/台式机浏览器中似乎工作正常。但是在远程控制的FireTV丝绸浏览器上,它无法正常运行。如FireTV上Silk Silk browser的用户所知,我们使用遥控器将光标移至屏幕底部,这将触发页面内容向上移动,以便我们可以在页面上进一步看到内容。
现在在模态中,将光标移动到模态的底部不会导致模态内容向上滚动,因此我们可以看到模态内部的内容进一步向下移动。具体地,用户必须按下遥控器选择按钮,并且在按住按钮的同时,用户必须点击控件上的向上箭头,这意味着用户正在抓取模态内容并将其向上移动。类似于触摸屏上的工作方式。当然,我不认为这在Silk / FireTV世界中是常事。
有问题的模式基本上是具有这种样式的div。
position: relative;
z-index: 9999;
我的想法是,模式一旦打开就需要具有“ focus()”。有什么正确的方法吗?重点关注模态将使背面页面不响应输入等。另一方面,该页面是使用React创建的,因此也许有一些捷径可以实现。我在想,如果可以仅使用键盘光标来滚动模态,那么实际上可以使其在远程控制的Silk browser Fire TV设置中正常工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。