离子:在离子中使用anchorScroll时无法向上滚动

Question

我们通过设置$location.hash(id)和使用离子应用程序中的scrollTo功能$anchorScroll().滚动到底部工作正常,但是一旦页面使用$anchorScroll和滚动到某个位置,我们就无法向上滚动页面$location.hash().

在codepen中清楚地看到问题.单击" 到底部"按钮并尝试向上滚动.

请提供解决此滚动问题的解决方案.

Answer 1

在"ion-content"div上添加overflow-scroll ="true"

<ion-content overflow-scroll="true">

然后在你的控制器中:

$scope.scrollTo = function(id) {
    $location.hash(id);
    $ionicScrollDelegate.anchorScroll();
};