问题描述
我有一个垂直高的模态,它在台式机浏览器和智能手机/台式机浏览器中似乎工作正常。但是在远程控制的FireTV丝绸浏览器上,它无法正常运行。如FireTV上Silk Silk browser的用户所知,我们使用遥控器将光标移至屏幕底部,这将触发页面内容向上移动,以便我们可以在页面上进一步看到内容。
现在在模态中,将光标移动到模态的底部不会导致模态内容向上滚动,因此我们可以看到模态内部的内容进一步向下移动。具体地,用户必须按下遥控器选择按钮,并且在按住按钮的同时,用户必须点击控件上的向上箭头,这意味着用户正在抓取模态内容并将其向上移动。类似于触摸屏上的工作方式。当然,我不认为这在Silk / FireTV世界中是常事。
有问题的模式基本上是具有这种样式的div。
position: relative;
z-index: 9999;
我的想法是,模式一旦打开就需要具有“ focus()”。有什么正确的方法吗?重点关注模态将使背面页面不响应输入等。另一方面,该页面是使用React创建的,因此也许有一些捷径可以实现。我在想,如果可以仅使用键盘光标来滚动模态,那么实际上可以使其在远程控制的Silk browser Fire TV设置中正常工作。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)