Javascript 使onsen ui滑动菜单滚动至顶部

Javascript 使onsen ui滑动菜单滚动至顶部,javascript,jquery,angularjs,css,onsen-ui,Javascript,Jquery,Angularjs,Css,Onsen Ui,我正在使用onsen ui构建一个应用程序,并且有一个很长的菜单: <ons-template id="menu.html"> <ons-page modifier="menu-page"> <ons-toolbar modifier="transparent"></ons-toolbar> <ons-list class="menu-list">

我正在使用onsen ui构建一个应用程序,并且有一个很长的菜单:

    <ons-template id="menu.html">
        <ons-page modifier="menu-page">
            <ons-toolbar modifier="transparent"></ons-toolbar>
            <ons-list class="menu-list">
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('updates.html', {closeMenu: true})">
                    <ons-icon icon="fa-updates"></ons-icon>Updates</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('about.html', {closeMenu: true})">
                    <ons-icon icon="fa-about"></ons-icon>About</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('venue.html', {closeMenu: true})">
                    <ons-icon icon="fa-venue"></ons-icon>Venue</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('agenda.html', {closeMenu: true})">
                    <ons-icon icon="fa-agenda"></ons-icon>Agenda</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('speakers.html', {closeMenu: true})">
                    <ons-icon icon="fa-speakers"></ons-icon>Speakers</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('sponsors.html', {closeMenu: true})">
                    <ons-icon icon="fa-sponsors"></ons-icon>Sponsors</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('resources.html', {closeMenu: true})">
                    <ons-icon icon="fa-resources"></ons-icon>Resources</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('feedback.html', {closeMenu: true})">
                    <ons-icon icon="fa-feedback"></ons-icon>Feedback</ons-list-item>
                <ons-list-item class="menu-item" ng-click="menu.setMainPage('register.html', {closeMenu: true})">
                    <ons-icon icon="fa-register"></ons-icon>Register</ons-list-item>
            </ons-list>
        </ons-page>
    </ons-template>

更新
关于
地点
议程
演讲者
赞助商
资源
反馈
登记
当我在一个小屏幕上向下滚动菜单时,它会保持在相同的位置,不会返回到初始视图

菜单代码:

<ons-sliding-menu menu-page="menu.html" main-page="updates.html" side="left" var="menu" type="reveal" max-slide-distance="200px" swipeable="true" ons-postclose="menutotop()"></ons-sliding-menu>

我实现了ons postclose=“menutotop()”,但它似乎不适用于jQuery


有人知道如何使它在默认情况下关闭后立即返回顶部吗?

首先,创建一个角度控制器,并将其添加到
div
元素中,该元素将包装
ons滑动菜单
元素。如果您想使用jQuery,您的代码将如下所示(另请参阅工作表)

HTML