我有一个 Ionic 应用程序,它有一个侧边菜单,我在其中放置了一些按钮作为大型 html 内容的索引。当我点击侧边菜单按钮时 element.scrollIntoView(false)
滚动 ion-scroll
元素的容器。
我发现的问题是我可以向下滚动并继续阅读 html,但无法向上滚动。
ionic 滚动定义:
<ion-scroll delegate-handle="contentScroll" zooming="true" min-zoom="1.0" height="100%" style="height:100%" direction="['x','y']">
<div id="page-container" style="padding: 45px 5px 5px 5px;text-align: justify;">
</div>
</ion-scroll>
一个按钮定义:
<ion-content ng-controller="ScrollCtrl as scroll">
<button class="button" ng-click="scroll.to('markElementN')" menu-close style="width:100%">ElementN</button>
</ion-content>
scroll.to 功能是:
function(mark) {
if (mark == undefined || typeof mark != 'string' || mark.length < 1) {
return;
}
var ob = document.getElementById(mark);
if (ob) {
ob.scrollIntoView(false);
}
}
¿有人有同样的问题吗?
我应该补充一点,我可以上下滚动但不能高于我滚动到 View 中的元素
最佳答案
回答自己......太伤心了......我认为。
好的,在谷歌搜索了很多页面之后,我终于发现问题始于 scrollIntoView 本身,所以我不得不通过 scrollBy 函数对其进行更改。
运气不好,下一个有同样问题的人会更好
关于 ionic :使用 scrollIntoView 时向上滚动停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28155745/