Question

我正在研究一个离子项目，在一个标签中，我在this教程之后放置了一张谷歌地图。现在我想放一些按钮（在div里面？）来触发对该地图的一些动作。怎么能实现呢？我真的是这个框架的新手，我会感激任何帮助。

我的index.html

<body>
    <ion-nav-bar class="bar-positive" animation="nav-title-slide-ios7">
        <ion-nav-back-button class="button-clear">
            <i class="ion-arrow-left-a"></i>
        </ion-nav-back-button>
        <ion-nav-buttons side="right">
            <a class="button" href="#/tab/twitter">
                <i class="icon ion-social-twitter"></i>
            </a>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view animation="slide-left-right-ios7">
    </ion-nav-view>
</body>

我的maps.html

<ion-view title="Ubicación">
    <ion-content id="maps" scroll="false" data-tap-disabled="true">
    </ion-content>
</ion-view>

Answer 1

为什么不将地图添加到单独的div

中

<ion-view title="Ubicación">
    <ion-content>
          <div id="maps" scroll="false" data-tap-disabled="true"></div>
          <div class="testHello "> My Button </div>
    </ion-content>
</ion-view>

将您的物品定位在固定位置

.testHello { 
  position : absolute;
  background-color: red;
    width : 100%;
  bottom:0px;
}

查看更新的codepen http://codepen.io/anon/pen/eNgRpR

离子框架如何在离子内容图下面放置一个div或按钮

1 个答案: