【发布时间】:2016-02-27 21:04:16
【问题描述】:
我们通过设置$location.hash(id) 和$anchorScroll() 在离子应用程序中使用scrollTo 功能。滚动到底部工作正常,但是一旦页面使用$anchorScroll 和$location.hash() 滚动到某个位置,我们就无法向上滚动页面。
在codepen 中清楚地看到问题。点击To Bottom按钮并尝试向上滚动。
请提供解决此滚动问题的解决方案。
【问题讨论】:
我们通过设置$location.hash(id) 和$anchorScroll() 在离子应用程序中使用scrollTo 功能。滚动到底部工作正常,但是一旦页面使用$anchorScroll 和$location.hash() 滚动到某个位置,我们就无法向上滚动页面。
在codepen 中清楚地看到问题。点击To Bottom按钮并尝试向上滚动。
请提供解决此滚动问题的解决方案。
【问题讨论】:
在 "ion-content" div 上添加 overflow-scroll="true"
<ion-content overflow-scroll="true">
然后在你的控制器中:
$scope.scrollTo = function(id) {
$location.hash(id);
$ionicScrollDelegate.anchorScroll();
};
可以在此处找到有关 Ionic Framework 中此问题的更多信息: http://forum.ionicframework.com/t/content-stuck-after-anchorscroll/776
【讨论】: