当前位置: 首页 > 面试题库 >

在AngularJS中保留路线更改时的滚动位置?

郁光熙
2023-03-14
问题内容
示例应用程序: http
//angular.github.com/angular-
phonecat/step-11/app/#/phones

如果您选择最后一个手机“ Motorola charm”,它将为您显示手机的详细信息。当您在浏览器上浏览时,它将重新加载数据,并且滚动条位于顶部。

导航返回时,自动滚动到剩余位置的最佳方法是什么?而且,为什么角度重新加载数据?

我的计算机上有相同的“ angular-
phonecat”示例,并且添加了一个无限滚动,可以在滚动时加载更多数据。因此,我真的不希望用户再次重新加载50多个项目或向下滚动30秒。


问题答案:

我以前没有用过,但是angular有一个$
anchorScroll
服务。至于重新加载数据,您可以使用$
cacheFactory对其进行缓存,或者将数据存储在更高的范围内。



 类似资料:
  • 问题内容: 使用呈现对象列表。假设此列表很长,并且用户正在滚动到底部以查看一些对象。 当用户观察对象时,新项目将添加到列表的顶部。这导致被观察对象改变其位置,即,用户在被观察对象的同一位置突然看到其他东西。 添加新项目后,如何将观察到的对象保持在同一位置? 问题答案: 通过使用的属性,它可能非常优雅地解决了。我使用了两个指令- 一个处理包装器元素的滚动位置,另一个处理新元素。如果有什么不清楚的地方

  • 该活动有一个带有3个不同片段的视图页。在片段3中,我使用列表视图来显示自定义适配器。列表中的项目数量是动态的,因此可以出现滚动条。 如果存在滚动条,并且用户将一些视图从显示中滚动出来并再次返回,则值有时会发生变化。我知道这是由于适配器中GetView()的重新创建。但我找不到它变化的原因。 过程应该是这样的: < li >无选择:seekbar为灰色,右侧的textview显示未初始化 < li

  • 问题内容: 是否可以在不保存更改的情况下侦听路由更改和onwindowunload来确认页面离开? 用例: 用户点击返回 用户在浏览器中按下后退按钮 用户类型使用其他URL 如果用户单击“取消”,则停止页面/路线更改。 我看到了几个不同的示例,但没有一个工作得很正确。 问题答案: 演示:http://plnkr.co/edit/Aq8uYg 在演示中,如果您更改输入的值,则在尝试返回时会注意到您。

  • 我在Android活动中有一个列表视图和该列表视图的自定义适配器。我希望能够编辑行项并立即更新该行。这工作原理,可以看到行的修改但是,在滚动我松开所有数据。这是我的Asynk任务,从那里我得到数据并更新列表行项: 我错过了什么?数据不应该是持久的吗?谢谢

  • 当路线改变时,我发现了一些不受欢迎的行为,至少对我来说是这样。在本教程的第11步中http://angular.github.io/angular-phonecat/step-11/app/#/phones你可以看到电话列表。如果你滚动到底部,点击最新的一个,你可以看到滚动不是在顶部,而是在中间。 我在我的一个应用程序中也发现了这一点,我想知道如何才能让它滚动到顶部。我可以很有礼貌地做这件事,但我

  • 问题内容: 我对AngularJS比较陌生。 更改路线后,ng-view会更改内容。 我想做的是,在路线更改时挂上某种行为。 我希望能够例如对要离开的视图进行动画处理(淡出并向左滑动),并在下一个视图随时可用时,淡入并滑动视图。这可以通过添加一个类来实现到路线加载的主体,并成功删除路线更改类 我希望能够将视图堆叠在当前视图的右侧,以便当一个视图向前移动时,下一个视图首先加载到当前视图的右侧,然后视