【问题标题】:How to emulate iOS style dropdown menus with html, css, javascript/jquery?如何使用 html、css、javascript/jquery 模拟 iOS 样式的下拉菜单?
【发布时间】:2012-03-24 21:56:23
【问题描述】:

该图像的下部包含我要模拟的元素。我的工作是使用 PhoneGap 将原生 iOS 应用程序重新创建为多平台移动 web 应用程序,主管希望它看起来与旧版本完全一样。所以我需要让一个普通的 html 下拉菜单显示为彩票机风格的滚动选项。有人知道这样做的技巧吗?

【问题讨论】:

  • 你的主管有尖头发吗?
  • 是的。对对对。另外,你是怎么做到的?
  • 把图片链接变成真实图片
  • 一旦你拥有一定数量的声望点,你就可以做到这一点。志存高远。

标签: jquery css web-applications


【解决方案1】:

这就是 iOS 对选择框所做的事情,所以只需使用一个带有一些选项的选择元素,就可以了。呸!

【讨论】:

  • 一个小问题:选择元素显示为一个普通的下拉列表直到点击,此时滚轮样式菜单滑入视图。有没有办法让它在用户触摸之前自然地显示为滚动菜单?
  • 好吧,猜猜你可以用 JS 触发点击,但这会阻塞页面的其余部分。也许没关系?
  • 它下面唯一的元素是一个提交按钮。你能详细说明你的意思吗?
  • 如果您使用的是 jQuery(因为它很短!),类似于 $("#id_of_select_element").trigger("click");加载时调用。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多