Jquery 离子力';s侧菜单将滚动到顶部
我使用离子与它的侧菜单(标准模板) 它工作得很好,但是当我显示侧菜单时,我向下滚动它(它相当长),然后我关闭它并尝试再次打开它,它保持向下滚动 当我打开它时,是否可以一直向上滚动? 我的菜单(base.html)模板:Jquery 离子力';s侧菜单将滚动到顶部,jquery,css,angularjs,ionic-framework,Jquery,Css,Angularjs,Ionic Framework,我使用离子与它的侧菜单(标准模板) 它工作得很好,但是当我显示侧菜单时,我向下滚动它(它相当长),然后我关闭它并尝试再次打开它,它保持向下滚动 当我打开它时,是否可以一直向上滚动? 我的菜单(base.html)模板: <ion-side-menus enable-menu-with-back-views="false"> <ion-side-menu-content> <ion-nav-bar class="bar-stable">
<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>
菜单
{{“概述”|翻译}
{{‘注销’|翻译}
{{‘注销’|翻译}
尝试使用$ionicScrollDelegate.scrollTop()
HTML
app.html:-
<ion-menu [content]="content" id="menu-up" (ionClose)="closingNavSlideUp()">Menu List
</ion-menu>
app.scss:-
ion-menu {
&#menu-up{
display: block !important;
visibility: hidden;
}
&.show-menu {
visibility: visible !important;
}
}
它显示的滚动位置与您向下滚动后停止的位置相同?@cafebabe1991是的,请尝试完全关闭应用程序,如中所示,它在最近使用的应用程序菜单中不应可见,或者尝试强制停止。您不理解我的问题。每次关闭/打开侧边栏时,我都需要通过编程向上滚动侧边栏。我需要它总是在最上面当用户显示它。看看这个
<ion-menu [content]="content" id="menu-up" (ionClose)="closingNavSlideUp()">Menu List
</ion-menu>
import { Content } from 'ionic-angular';
export class projectName{
@ViewChild(Content) content: Content;
closingNavSlideUp() {
this.content.scrollToTop();
}
}
ion-menu {
&#menu-up{
display: block !important;
visibility: hidden;
}
&.show-menu {
visibility: visible !important;
}
}