如何使用 mobiscroller * 而不是 * 输入？

Question

我想在我的（面向桌面的）网站上使用 mobiscroll 选择器 (demo | source)。我有一个基本版本working here。工作方式是，当您单击顶部的输入时，它会将（非常性感的）微调器加载为覆盖在网站其余部分上的深色图层（试试看）。

我宁愿拥有而不是这种行为，是在我的桌面网站上显示这个微调器而不是输入。所以不是作为覆盖，而是与设计的其余部分集成在一起，无需单击即可将其调出。这样一来，用户就可以一键保存，并且立即清楚对他或她的期望。

有谁知道我将如何使用这个微调器而不是输入，以便它与我的页面的其余部分很好地集成，而不是作为某种弹出/覆盖工作？

欢迎所有提示！

Answer 1

您可以在移动设备上使用 display: 'modal' 并在桌面上使用 display: 'inline'。您可以在文档中找到有关 display 选项的更多信息，您可以将其传递给 init。

现在您只需要检测您的用户是从移动设备还是桌面浏览。你有几个选择，这将是one approach。