2013-04-05 65 views
2

任何手机浏览器基金会4选择下拉我不能滚动选项。这使基金会的选择下拉很无用。有没有办法让它起作用?可能获得Zurb基金会4个选择下拉菜单以在移动浏览器上工作?

+0

你能发表一个它不工作的例子吗?在我的简短测试中(http://metadept.com/test/),通过缩放页面主体来适应菜单大小似乎“起作用”,这不是很令人满意,但并不妨碍它被使用。 (在我的Nexus 7上通过移动Chrome和Firefox进行测试) – metadept 2013-04-05 01:45:59

+0

您的意思是,如果您在具有“自定义”类的表单中放置了“select”元素,它将无法工作? [看这个链接](http://goo.gl/vEkP0),我为你做了一个测试。这适用于我的Android浏览器webkit 534.30(版本4移动Safari)。 – 2013-04-05 01:51:37

+0

@von - 您的测试不适用于我的iPhone。我无法滚动它。这正是问题所在。我知道这在其他Android浏览器上有问题,我想你有一个工作。 – 2013-04-05 15:14:53

回答

1

这里同样的问题。要解决这个不利用自定义表单和建立自己的下拉像亚马逊的唯一途径(据我所知)作用:

<span id="nav-search-in" class="nav-sprite nav-facade-active" style="width: auto;"> 
    <span id="nav-search-in-content" style="width: auto; overflow: visible;">All</span> 
    <span class="nav-down-arrow nav-sprite"></span> 
    <select id="searchDropdownBox" class="searchSelect" style="top: 0px;"> 
     <option value="search-alias=aps" selected="selected">All Departments</option> 
     <option value="search-alias=watches">Watches</option> 
    </select> 
</span> 

集选择的不透明度为0(参见其网页上其他样式),并触发点击向下箭头跨度下拉菜单。

相关问题