Tag: iphone web app

防止滚动反弹的身体元素，但保持它的iOS中的子元素

最近我一直在研究移动webapp。 我正在优化移动优先，现在专门针对iOS的iPhone。 我不想要一个本地应用程序的精确外观，但我认为，作为本土的感觉是绝对重要的。 我已经做了标记和CSS来反映这个想法，留给我这个（注释以更好地理解我后面的问题）： 这一切都没有问题，它也有一个本地的感觉，静态页眉和页脚，和一个可滚动的内部视图（感谢-webkit-overflow-scrolling: touch ）的优势。 任何使用iOS超过5分钟的人都会知道，当你向上或向下滚动时，你会得到一些不错的动量滚动。 另外，当你点击列表顶部时，你会得到一个不错的“反弹”效果： 我觉得这有助于定义iOS的感觉，这样一个小细节可以走很长的路。 幸运的是，当您在web应用程序中的可滚动元素的列表的顶部之下，并滚动到顶部时，您会得到相同的效果。 这是行动中的理想行为 ： 但是，如果您位于列表的顶部，并尝试重新创build相同的弹跳行为（列于上面的Setting.app），我们会得到以下行为，这是不期望的 ： 我已经看到了堆栈溢出的一些类似的 问题 ，但是这些都select禁用弹跳。 我想知道是否可以保持弹跳，但总是让它发生在body section section#main ，而不是webapp的chrome上 。 我不使用jQuery，所以我更喜欢直接使用JavaScript（尽pipe如此，CSS解决scheme的优点）。 这里有一个包含所有代码（Sinatra，HAML和Sass;当前分支是so ）的GitHub仓库 ，或者是一个带有破碎图像和链接的JSFiddle ，但是在iPhone上显示问题（最好添加到主屏幕来testing） 。

防止iPhone放大在Web应用程序中的“select”

我有这个代码： <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> 在iPhone上运行全屏Web应用程序。 当从这个列表中select一些东西时，iPhone放大select元素。 select一些东西后不会缩小。 我怎样才能防止这个？ 或缩小回来？