在我的离子应用程序中,我有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>