Question

我正在尝试在我的应用程序顶部添加一个水平工具栏（使用android webview和jquery mobile），其中包含一堆按钮（太多而无法在一行中跨越屏幕）。

我面临的问题是，它不是隐藏额外的按钮，而是环绕下一行。我想要的是让他们隐藏并通过水平滚动来访问它们就像本机ListView允许我这样做。

我尝试使用ListView将按钮放入，并通过执行loadUrl（）将按钮按下到javascript代码，但是这会导致其他问题并且在我的情况下无法使用（它会自动隐藏软键盘）。

我尝试了以下代码（以及包含在jquery移动工具栏中的此代码）：

<ul data-role="controlgroup" data-type="horizontal">                    
                <li><a href="" data-role="button" id="boldButton" data-inline="true">B</a></li>
<li><a href="" data-role="button" id="italicButton" data-inline="true">I</a></li>
<li><a href="" data-role="button" id="underlineButton" data-inline="true">U</a></li>
<li><a href="" data-role="button" id="strikethroughButton" data-inline="true">S</a></li>
<li><a href="" data-role="button" id="orderedListButton" data-inline="true">ol</a></li>
<li><a href="" data-role="button" id="unorderedListButton" data-inline="true">ul</a></li>
<li><a href="" data-role="button" id="indentButton" data-inline="true">in</a></li>
<li><a href="" data-role="button" id="outdentButton" data-inline="true">out</a></li>
<li><a href="" data-role="button" id="subscriptButton" data-inline="true">sub</a></li>
<li><a href="" data-role="button" id="superscriptButton" data-inline="true">sup</a></li></ul>

但这只是绕到下一行。

Answer 1

尝试将ul放入div中，并将div的width属性设置为一个较大的值，足以容纳所有按钮。然后将overflow属性设置为auto，你应该好好去。

水平滚动工具栏实现

1 个答案: