Ionic framework 为什么我能';t在爱奥尼亚中滚动我的应用程序

Ionic framework 为什么我能';t在爱奥尼亚中滚动我的应用程序,ionic-framework,ionic,Ionic Framework,Ionic,我在爱奥尼亚框架中创建了一个小应用,我有3个标签,我创建了左右滑动标签。 但我的问题是我不能在第一个标签滚动我的卡 代码: 我试图将此ion content scroll从false更改为true,但当我这样做时,我滚动的选项卡栏也会随着文本内容移动 <ion-content scroll="false" class="has-subheader"> <ion-slide-box show-pager="false" ion-slide-tabs>

我在爱奥尼亚框架中创建了一个小应用,我有3个标签,我创建了左右滑动标签。 但我的问题是我不能在第一个标签滚动我的卡

代码:

我试图将此
ion content scroll
从false更改为true,但当我这样做时,我滚动的选项卡栏也会随着文本内容移动

<ion-content scroll="false" class="has-subheader">

    <ion-slide-box show-pager="false" ion-slide-tabs>
        <ion-slide ion-slide-tab-label="TOP">
            <div class="list card ">

  <div class="item item-avatar">
    <img src="img/pic1.jpg">
    <h2>Author name</h2>
  </div>

  <div class="item item-body">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum, elit non scelerisque tincidunt, magna ligula elementum lectus, eget tempor dolor nisl at mauris. Curabitur eget ultrices ligula.
    </p>
    <img class="full-image" src="img/pic2.jpg">
    <p>
      <a href="#" class="subdued">1 Like</a>
      <a href="#" class="subdued">5 Comments</a>
    </p>
  </div>

  <div class="item tabs tabs-secondary tabs-icon-left">
    <a class="tab-item" href="#">
      <i class="icon ion-thumbsup"></i>
      Like
    </a>
    <a class="tab-item" href="#">
      <i class="icon ion-chatbox"></i>
      Comment
    </a>
    <a class="tab-item" href="#">
      <i class="icon ion-share"></i>
      Share
    </a>
  </div>

作者姓名

Lorem ipsum dolor sit amet,是一位杰出的献身者。Integer interdum、精英非权杖tincidunt、大舌苔LEGELA elementum lectus、eget TEMPORT dolor nisl mauris。箭毒。


将内容放在幻灯片内,将选项卡放在内容外,这样它们就不会滚动。我已经包括了一个我做的项目的例子。你想要滚动的内容里面有什么。如果不想滚动,请将其置于内容之外。如果你有任何问题,请告诉我

<ion-slide>
            <div ng-if="uploadList" class="bar bar-header bar-positive">
                <button ng-click="GoBack()" class="button button-clear button-light icon-left ion-chevron-left">Go Back</button>
            </div>
            <div ng-if="uploadList == false" class="bar bar-header bar-positive">
                <button ng-click="Cancel()" class="button button-clear button-light icon-left ion-chevron-left">Cancel</button>
            </div>
            <ion-content class="has-header has-footer">
                <div ng-if="showuploads && uploadList" ng-repeat="item in uploads" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        <i class="icon icon-left ion-checkmark-circled" style="color:green"></i>
                        {{item.DocTypeName}}
                    </div>
                    <div class="item">
                        Order: {{item.Value}}
                    </div>
                    <div class="item">
                        Driver ID: {{item.UploadUser}}
                    </div>
                    <div class="item">
                        Upload Date: {{item.UploadDate}}-{{item.UploadTime}}
                    </div>
                    <div class="item item-image">
                        <img src="{{item.Image}}" />
                    </div>
                </div>
                <div ng-if="!showuploads && uploadList" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        No Previous Uploads
                    </div>
                    <div class="item item-text-wrap center">
                        <span ng-if="!showuploads">Click the take photo button below to capture your document. After you take the picture, select the document type from the shown list. Then hit the upload document button to submit your document. At any point you can retake the photo or change the document type using the take photo button, or the doc type button.</span>
                    </div>
                </div>
                <div ng-if="uploadList == false" class="list card">
                    <div class="item item-image">
                        <img class="podImg" src="{{image}}" />
                    </div>
                    <div class="item center">
                        DOC Type: {{DocTypeName}}
                    </div>
                </div>
            </ion-content>
            <div style="background-color:#284f9a !important; color: white !important;" class="tabs tabs-icon-top">
                <a ng-click="takePhoto()" class="tab-item">
                    <i class="icon ion-camera"></i>
                    Take Photo
                </a>
                <a ng-click="UploadDoc()" class="tab-item">
                    <i class="icon ion-arrow-up-a"></i>
                    Upload Doc
                </a>
                <a ng-click="openModal()" class="tab-item">
                    <i class="icon ion-document-text"></i>
                    Doc Type
                </a>
            </div>
        </ion-slide>

回去
取消
{{item.DocTypeName}
顺序:{{item.Value}
驱动程序ID:{item.UploadUser}
上载日期:{{item.UploadDate}-{{item.UploadTime}
没有以前的上传
单击下面的“拍照”按钮以捕获您的文档。拍照后,从显示的列表中选择文档类型。然后点击上传文档按钮提交文档。您可以随时使用“拍照”按钮或“文档类型”按钮重新拍摄照片或更改文档类型。
文档类型:{{DocTypeName}
拍照
上传文件
文章类型

将内容放在幻灯片内,将选项卡放在内容外,这样它们就不会滚动。我已经包括了一个我做的项目的例子。你想要滚动的内容里面有什么。如果不想滚动,请将其置于内容之外。如果你有任何问题,请告诉我

<ion-slide>
            <div ng-if="uploadList" class="bar bar-header bar-positive">
                <button ng-click="GoBack()" class="button button-clear button-light icon-left ion-chevron-left">Go Back</button>
            </div>
            <div ng-if="uploadList == false" class="bar bar-header bar-positive">
                <button ng-click="Cancel()" class="button button-clear button-light icon-left ion-chevron-left">Cancel</button>
            </div>
            <ion-content class="has-header has-footer">
                <div ng-if="showuploads && uploadList" ng-repeat="item in uploads" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        <i class="icon icon-left ion-checkmark-circled" style="color:green"></i>
                        {{item.DocTypeName}}
                    </div>
                    <div class="item">
                        Order: {{item.Value}}
                    </div>
                    <div class="item">
                        Driver ID: {{item.UploadUser}}
                    </div>
                    <div class="item">
                        Upload Date: {{item.UploadDate}}-{{item.UploadTime}}
                    </div>
                    <div class="item item-image">
                        <img src="{{item.Image}}" />
                    </div>
                </div>
                <div ng-if="!showuploads && uploadList" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        No Previous Uploads
                    </div>
                    <div class="item item-text-wrap center">
                        <span ng-if="!showuploads">Click the take photo button below to capture your document. After you take the picture, select the document type from the shown list. Then hit the upload document button to submit your document. At any point you can retake the photo or change the document type using the take photo button, or the doc type button.</span>
                    </div>
                </div>
                <div ng-if="uploadList == false" class="list card">
                    <div class="item item-image">
                        <img class="podImg" src="{{image}}" />
                    </div>
                    <div class="item center">
                        DOC Type: {{DocTypeName}}
                    </div>
                </div>
            </ion-content>
            <div style="background-color:#284f9a !important; color: white !important;" class="tabs tabs-icon-top">
                <a ng-click="takePhoto()" class="tab-item">
                    <i class="icon ion-camera"></i>
                    Take Photo
                </a>
                <a ng-click="UploadDoc()" class="tab-item">
                    <i class="icon ion-arrow-up-a"></i>
                    Upload Doc
                </a>
                <a ng-click="openModal()" class="tab-item">
                    <i class="icon ion-document-text"></i>
                    Doc Type
                </a>
            </div>
        </ion-slide>

回去
取消
{{item.DocTypeName}
顺序:{{item.Value}
驱动程序ID:{item.UploadUser}
上载日期:{{item.UploadDate}-{{item.UploadTime}
没有以前的上传
单击下面的“拍照”按钮以捕获您的文档。拍照后,从显示的列表中选择文档类型。然后点击上传文档按钮提交文档。您可以随时使用“拍照”按钮或“文档类型”按钮重新拍摄照片或更改文档类型。
文档类型:{{DocTypeName}
拍照
上传文件
文章类型

将内容放在幻灯片内,将选项卡放在内容外,这样它们就不会滚动。我已经包括了一个我做的项目的例子。你想要滚动的内容里面有什么。如果不想滚动,请将其置于内容之外。如果你有任何问题,请告诉我

<ion-slide>
            <div ng-if="uploadList" class="bar bar-header bar-positive">
                <button ng-click="GoBack()" class="button button-clear button-light icon-left ion-chevron-left">Go Back</button>
            </div>
            <div ng-if="uploadList == false" class="bar bar-header bar-positive">
                <button ng-click="Cancel()" class="button button-clear button-light icon-left ion-chevron-left">Cancel</button>
            </div>
            <ion-content class="has-header has-footer">
                <div ng-if="showuploads && uploadList" ng-repeat="item in uploads" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        <i class="icon icon-left ion-checkmark-circled" style="color:green"></i>
                        {{item.DocTypeName}}
                    </div>
                    <div class="item">
                        Order: {{item.Value}}
                    </div>
                    <div class="item">
                        Driver ID: {{item.UploadUser}}
                    </div>
                    <div class="item">
                        Upload Date: {{item.UploadDate}}-{{item.UploadTime}}
                    </div>
                    <div class="item item-image">
                        <img src="{{item.Image}}" />
                    </div>
                </div>
                <div ng-if="!showuploads && uploadList" class="list card">
                    <div style="background-color:#284f9a !important; color: white !important; font-size: 24px;" class="item">
                        No Previous Uploads
                    </div>
                    <div class="item item-text-wrap center">
                        <span ng-if="!showuploads">Click the take photo button below to capture your document. After you take the picture, select the document type from the shown list. Then hit the upload document button to submit your document. At any point you can retake the photo or change the document type using the take photo button, or the doc type button.</span>
                    </div>
                </div>
                <div ng-if="uploadList == false" class="list card">
                    <div class="item item-image">
                        <img class="podImg" src="{{image}}" />
                    </div>
                    <div class="item center">
                        DOC Type: {{DocTypeName}}
                    </div>
                </div>
            </ion-content>
            <div style="background-color:#284f9a !important; color: white !important;" class="tabs tabs-icon-top">
                <a ng-click="takePhoto()" class="tab-item">
                    <i class="icon ion-camera"></i>
                    Take Photo
                </a>
                <a ng-click="UploadDoc()" class="tab-item">
                    <i class="icon ion-arrow-up-a"></i>
                    Upload Doc
                </a>
                <a ng-click="openModal()" class="tab-item">
                    <i class="icon ion-document-text"></i>
                    Doc Type
                </a>
            </div>
        </ion-slide>

回去
取消
{{item.DocTypeName}
顺序:{{item.Value}
驱动程序ID:{item.UploadUser}
上载日期:{{item.UploadDate}-{{item.UploadTime}
没有以前的上传
单击下面的“拍照”按钮以捕获您的文档。拍照后,从显示的列表中选择文档类型。然后点击上传文档按钮提交文档。在任何时候,您都可以使用“拍照”按钮或“文档”按钮重新拍摄照片或更改文档类型