我有一个带有长列表的Ion内容,我可以点击列表项来转到另一个页面,但在页面后面,它总是自动滚动到顶部,它真的很烦人,它可以关闭吗?
页面设置
<ion-view view-title="main view" class="vsmf-page">
<ion-content delegate-handle="explore_scroller" on-scroll-complete="checkScroll()" autoscroll="false">
<ion-refresher on-refresh="doRefresh()">
</ion-refresher>
<ion-list>
<ion-item ng-repeat="page in pages" ng-click="gotoItemPage(page)">
{{page.name}}
</ion-item>
</ion-list>
</ion-content>
</ion-view>
PS,以下路线是我用来通过myselfe写的一些自动装载机自动设置路线的结构,所以它可能与离子路由器结构不同,但我相信它有效。
主页面有
之类的路线'pageFrameView.explore',
{
url: "/explore",
views: {
'pageContent' :{
template: "/template/page/explore/ExploreMainView.html",
controller: 'ExploreMainView.controller'
},
'menuLeft': {
template : "/template/page/menu/left/GeneralLeftMenu.html",
controller: 'GeneralLeftMenu.controller'
},
'menuRight': {
template : "/template/page/menu/right/ExploreRightMenu.html",
controller: 'ExploreRightMenu.controller'
}
}
}
项目页面有类似
的路线'pageFrameView.userProfile',
{
url: "/userProfile/:userid/:showapply/:showemail/:backto/:eventdate/:eventid/:requestid/:channelid/:showcancel/:showdetail",
views: {
'pageContent' : {
template: "/template/page/explore/UserProfileView.html",
controller: 'UserProfileView.controller'
}
}
}
答案 0 :(得分:1)
好的,这似乎是真正的问题,ion-header-bar总是点击滚动到顶部事件,并且没有办法停止事件传播,所以因为按钮位于ion-header内-bar,每次按下按钮,它似乎也会触发滚动到顶部事件。
不知道这是否可以解决,但是现在我必须在ion-header-bar上将无滑动滚动设置为true。