CSS:在放弃拖延之后,div的位置已经关闭

时间:2016-02-04 15:55:44

标签: javascript html css ionic-framework

在我的离子应用程序中,我有div个班级" scroll"。每当我点击并按住它并拖动它时,我会看到一个属性" transform"将值translate3d(0px, 0px, 0px) scale(1)添加到该div的样式中。

当我向下拖动时,translate3d中的y值会增加。当我让div走时,y值会转回0px。当我向上拖动时,translate3d中的y值会减小。但是,当我让div移动时,y值不会转移回0px但转移到-14px,这意味着它比我拖动它之前现在略高一些。

我现在不明白这个-14px的来源。我可以将它拖动到我想要的高度,在让div离开后,值总是稳定在-14px。我希望div与以前的位置相同,而不是高出14px。

我尝试在我的css文件中手动将transform属性设置为translate3d(0px, 0px, 0px) scale(1)。但拖动div会覆盖该值。

该视图的结构如下所示:

<ion-view cache-view="false" can-swipe-back='false'>
  <ion-content class="padding main-content-background">
    <div style="height:100%">
      <div class="foo" style="background:white;height:93%;width:100%;border-radius:5px;overflow:hidden">
        <ion-scroll id="fooID" direction="xy" min-zoom="1.0" style="width: 100%; height: 100%;">
          <div>
            <div id="anotherID">
              <div class ="fooContainer">
                <div class="row" style="top:2em;">
                </div>
              </div>
            </div>
          </div>
        </ion-scroll>
      </div>
  </ion-content>
</ion-view>

0 个答案:

没有答案