带有xHTML UI的Web应用程序显示在自助服务终端上,在全屏信息亭模式下使用Chromium.由于信息亭显示仅用于视觉反馈,因此没有连接鼠标/触摸屏.
虽然通过CSS隐藏鼠标指针非常容易:
html { cursor: none; }这种方法有一个基本问题 - 用户必须移动鼠标至少几个像素才能使指针消失.正如我上面提到的,这个信息亭没有输入方法,因此,在加载UI之后,光标仍然可以在屏幕中间可见其余的时间.
我知道可以简单地在操作系统选项中设置透明光标,但遗憾的是这些信息亭中很少已经发送给客户端,因此我们只能远程更改显示的HTML/CSS/JS内容,而不能访问和配置底层操作系统本身.
我也用Google搜索,似乎没有办法通过jQuery移动鼠标.任何人都可以建议如何处理这个问题？
一段时间以来，我一直在制作和维护一个 web 应用程序，它具有全屏单页设计，并在单独的容器中显示项目列表，因此没有通常会触发地址和导航栏的经典滚动行为隐藏在 Safari 和 Chrome 等移动浏览器上。因此，在智能手机浏览器上使用此 Web 应用程序时，顶部地址栏和底部导航栏始终可见。这在 5 英寸以上的大型手机上不是什么大问题，但是当应用程序在 iPhone SE 等较小的设备上使用时，这几百个像素会产生很大的不同。
有一段时间我认为这是一个不可避免的问题，就忍了，但最近我看到有人在 iOS 的 Chrome 上使用谷歌地图网页版，点击某个地址后，导航栏和地址栏消失了，它看起来像一个真正的全屏应用程序。所以这意味着有一种方法可以模拟滚动类型的事件，使移动浏览器隐藏导航栏。
关于如何做到这一点的任何想法/经验？