迪朗达尔模式/对话情境,允许在移动设备上滚动(Durandal modal/dialog conte

2019-10-20 14:14发布

迪朗达尔提供了一个模式对话框设施 ,其使用桌面设备上的伟大工程,它可以让你通过“对话情境”控制对话框的呈现。

默认的对话情境会,除其他事项外,“居中显示在屏幕上你的对话框的看法。” 根据观察,我可以看到,这意味着中心视口中的对话 - 这意味着,当你上下滚动,它仍然在同一位置,在你的视口的中间。

这工作正常,大到足以看到整个对话的屏幕; 但在移动设备上,特别是电话,对话框可以是大于屏幕,尤其是如果用户放大。当这种情况发生,这是不可能的用户参加对话周围平移。

我想通过使用最初在视口的中心位置对话框自定义对话情境来改变这种行为,但然后离开它固定在页面上的固定点,这样用户可以平移。

到目前为止,我一直无法弄清楚如何建立一个遵守规则的迪朗达尔默认值,除了规则“在视口中中心”的自定义对话框。 我不是连阳我想还是需要做到这一点作为一个自定义背景; 有可能是一个CSS规则,将做到这一点? 任何帮助将不胜感激。

Answer 1:

正如阿比纳夫Gauniyal和PW Kad网络(谢谢!)建议,一个CSS的解决方案竟然是比定制方面要简单得多。

一些挖后,我发现,通过改变position: fixedposition: absolutedurandal.css ,在.modalHost规则,我能得到我一直在寻找的行为。

更好的方式是因为这是针对其屏幕尺寸的移动设备完全独立的UX,那绝对是我们要前往的方向-但今天我想至少有可能使现有用户平移和看到整个模式对话,而不是让他们的东西完全无法使用,直到我们得到了在地方“完成”的移动用户体验。



文章来源: Durandal modal/dialog context that allows scrolling on mobile devices