javascript:iPhone选择滚轮导致页面在触摸下拉列表时滚动到顶部

时间:2014-07-25 19:39:02

标签: javascript android ios iphone zepto

我有一个我正在开发的网络应用程序(使用zepto),它在一个表单上有几个下拉元素。在iPad和Android设备上,一切都很好。但是,在iPhone上滚动时,如果在滚动时触摸下拉列表,页面会快速回到顶部。您可以用手指按住元素,直到开始拖动才会发生任何事情。

看起来好像它正试图打开iPhone上的选择选项轮而不是iPad或Android上的选择选项轮,它是否正在移动页面?实际车轮本身未显示,因为您正在拖动而不是轻敲。这可能不是原因,但这是一个猜测。

我不知道该尝试阻止它将滚动触摸注册为事件以打开下拉列表/捕捉到顶部。可能是什么原因或可能的解决方法?

下面是一个示例下拉列表,我删除了这些类并将所有内容重命名为“Field1”,以使其可读。

感谢任何输入

 <label>DropDown Field</label>
    <div value="div_Field1" label="div_Field1">   
        <select id="Field1">
            <option value=""><span>None</span></option>
            <% _.each( data.Values, function( val ){ %>
                <option value="<%- val.Field1 %>"><span class="text-color-1 dib"><%- val.Field1 %></span></option>
            <% }); %>
        </select>
    </div>

1 个答案:

答案 0 :(得分:0)

要回答我自己的问题,iOS或代码不是问题。我正在为Salesforce1开发的Web应用程序有一个错误导致代码行为异常。它似乎已被修复。