Question

我在离子标签内有图像，因为图片尺寸较大，我使用离子滚动来通过滚动轻松查看图像。

我面临的问题是标签内容从标签视图的结束位置开始，如下所示： -

但是看看离子滚动或div与类滚动（由离子动态添加）覆盖整个身体。

哪个应该在离子内容中，并从标签结束处开始，因此图像的顶部隐藏在标签后面。

这是隐藏在标签后面的图像的顶部，我已将其向下滚动显示。

有人可以帮我解决。

编辑：花了一些时间后，我发现动态添加了另一个div，上面设置了翻译3d，请看下图： -

但实际上我的代码看起来像这样： -

<ion-tabs class="tabs-positive tabs-top">
        <!-- Main Billboard -->
        <ion-tab title="Main Billboard" href="#/home/main">
            <ion-nav-view name="tab-main">
                <ion-content lazy-scroll>
                        <ion-scroll zooming="true" direction="xy" style="width: {{w}}px; height: {{h}}px">
                          <div data-images-loaded data-use-progress-events="yes">
                            <div style="width: 5000px; height: 4000px;float:left;">
                                    <img ng-src="{{src}}" usemap="#admap">
                                  <div style="display:none" style="width: 5000px; height: 4000px;float:left; background: url('{{src}}') no-repeat" style="display:none"> </div>
                            </div>

                            </div>

                            <map name="admap">
                                 <area shape="rect" coords="{{ad.x1}},{{ad.y1}},{{ad.x2}},{{ad.y2}}" ng-repeat="ad in mapdata" title="{{ad.title}}" ng-click="showModal({{ad.ad_id}})" target="_blank">';
                            </map>
                         </ion-scroll>
                </ion-content>


            </ion-nav-view>
        </ion-tab>

当我尝试将translate3d更改为transform时：translate3d（0px，-91px，0px）scale（1）;它修复了问题，但这个div是动态添加的，我可以从代码中更改它。

在整个身体的离子片内离子滚动

0 个答案: