强制离子侧菜单滚动到顶部答案

【问题标题】：Force Ionic's sideMenu to be scrolled top强制离子侧菜单滚动到顶部
【发布时间】：2016-05-27 15:56:44
【问题描述】：

我正在使用 Ionic 及其 SideMenu（标准模板）。

它工作正常，但是当我显示侧面菜单时，我向下滚动它（它很长），然后我关闭它并尝试再次打开它保持向下滚动。

是否可以在打开时始终向上滚动？我的菜单（base.html）模板：

<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-more" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>

    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-header-bar class="bar-energized">
      <h1 class="title">Menu</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close href="#/app/overview" item-type="item-icon-left">
          <i class="icon ion-information-circled"></i>
          {{ 'overview' | translate }}
        </ion-item>

        <div class="item item-divider">
          {{ 'logout' | translate }}
        </div>
        <ion-item ng-click="logout()" item-type="item-icon-left">
          <i class="icon ion-power"></i>
          {{ 'logout' | translate }}
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

【问题讨论】：

它显示滚动位置与您向下滚动后停止的位置相同？
@cafebabe1991 是的，完全正确
尝试完全关闭应用，如在最近使用的应用菜单中不可见，或尝试强制停止。
你没有理解我的问题。每次关闭/打开它时，我都需要以编程方式向上滚动侧边栏。当用户显示它时，我需要它始终处于最顶端。
看看这个forum.ionicframework.com/t/…

标签： jquery css angularjs ionic-framework

【解决方案1】：

尝试使用 $ionicScrollDelegate.scrollTop();

HTML

<button class="button button-icon button-clear ion-navicon" menu-toggle="left" ng-click="toggleLeftSideMenu()"></button>

控制器

    $scope.toggleLeftSideMenu = function () {        

        $ionicScrollDelegate.scrollTop();            

    };

【讨论】：

【解决方案2】：

app.html:-

   <ion-menu [content]="content" id="menu-up" (ionClose)="closingNavSlideUp()">Menu List 
   </ion-menu>

app.com.ts:-

   import { Content } from 'ionic-angular';
   export class projectName{
       @ViewChild(Content) content: Content;
       closingNavSlideUp() {
           this.content.scrollToTop();
       }
   }

app.scss：-

    ion-menu {
       &#menu-up{
           display: block !important;
           visibility: hidden;
       }
       &.show-menu {
           visibility: visible !important;
       }
    }

【讨论】：