Question

在ios平台的离子中，我想要以下视图：

标题
固定条形按钮
可滚动列表

所以我试图制作：

<ion-view view-title="Account">
   <div class="button-bar" style="margin-top:66px;">
        <a class="button">Item 1</a>
        <a class="button">Item 2</a>
        <a class="button">Item 2</a>
    </div>
 ...

当我使用离子模拟ios 时，在iphone模拟器中我看不到条形按钮（我认为因为它位于标题栏后面）

所以我添加了一个margin-top：

<div class="button-bar" style="margin-top:44px;">

现在我看到，但标题栏的一部分始终位于栏按钮的顶部。这是因为状态栏？ ios设备上状态栏+标题栏的高度是多少？

要制作一个可滚动列表（只有可滚动列表），我必须在按钮栏div之后添加一个？

Answer 1

<强> HTML

public static String reverseString(String str) {
   return reverseString("", str);
}

private static String reverseString(String result, String original) {
   if (original.length() == 0) {
      return result;
   } else {
      int length = original.length();
      String lastLetter = original.substring(length - 1, length);
      original = original.substring(0, length - 1);
      return reverseString(result + lastLetter, original);
   }
}

<强> CSS

// result:  original:
// ""       jam
// m        ja
// ma       j
// maj      ""

查看此Fiddle并尝试滚动您的项目。：）

要使所有内容清晰可见，请执行每个元素的<div class="button-bar" style="margin-top:66px;"> <a class="button">Item 1</a> <a class="button">Item 2</a> <a class="button">Item 3</a> </div>和.button-bar { float:left; overflow-Y:scroll; height:50px; width:150px; } .button { float:left; width:100%; }

离子和ios如何制作固定的顶部栏按钮和可滚动列表

1 个答案: