Question

在我的离子应用程序中，我有div个班级＆＃34; scroll＆＃34;。每当我点击并按住它并拖动它时，我会看到一个属性＆＃34; transform＆＃34;将值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>

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

0 个答案: