当前位置: 首页 > 知识库问答 >
问题:

getNextPage之后Chrome中的主干分页滚动问题

帅锦
2023-03-14

主干网和主干网的新增功能。pageableCollection处于“无限”模式,除我调用获取下一页外,一切正常。在调用以加载下一页后,Chrome和safari没有保持滚动位置并“按预期”加载下面的下一条记录,而是一直滚动到页面顶部,这使得用户不得不再次向下滚动非常恼人。这是我用来获取下一页的代码

<代码>此。收集getNextPage({删除:false,静默:true})

Firefox和Opera中的一切都很好,它们都保持滚动位置并加载下一条记录,但Chrome和safari不起作用,是我们web应用程序中使用最多的浏览器。

我已经尝试了一切从

<代码>var pos=窗口。页面偏移;这收集getNextPage({删除:false,静默:true});窗滚动至(0,位置)

要设置超时,但什么都不起作用,它总是向上滚动到页面顶部

setTimeout(function(){window.scrollTo(0,pos);},1);

在这一点上,我被一个解决方案卡住了,以便Chrome和Safari保持滚动位置。

任何帮助都将不胜感激。


共有1个答案

洪昱
2023-03-14

最终找到了一种在所有浏览器中都能保持滚动位置的解决方案。如果有人知道为什么,最好能解释一下,谢谢!

var pos = window.pageYOffset;

this.collection.getNextPage({remove: false, silent: true});

$("html,body").animate({ scrollTop: pos }, "slow");
 类似资料:
  • TL;DR:下面三个选项中,哪一个是使用Redis分页最有效的? 我正在实现一个网站,其中包含多个用户生成的帖子,这些帖子保存在关系数据库中,然后以散列的形式复制到Redis,其中包含像站点:{site_id}: post:{post_id}这样的键。 我想对Redis执行简单的分页查询,以便在Pinterest风格的界面中实现延迟加载分页(即用户向下滚动,我们向服务器发送一个Ajax请求,请求下

  • 我有一个要求,我需要展示一张长桌。它不需要一次全部显示,所以ajax加载它(加载前50条记录,然后每次用户滚动到/超过最后一行的第十行时再获取50行)。 但我不确定分页和无限滚动这两种方式中哪一种更好。我希望用户在返回页面时能够跳转到最后一个滚动到的点(通过后退按钮,当然;如果无论用户何时访问页面,我都可以这样做,那就更好了!)前面的行也可见。同时,为了提高性能,我希望将ajax调用的数量限制在尽

  • 本文向大家介绍js网页滚动条滚动事件实例分析,包括了js网页滚动条滚动事件实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js网页滚动条滚动事件用法。分享给大家供大家参考。具体分析如下: 在做js返回顶部的效果时,要监听网页滚动条滚动事件,这个事件就是:window.onscroll。当onscroll事件发生时,用js获得页面的scrollTop值,判断scrollTop为一个设

  • 问题内容: 我在尝试将.html页面在Chrome上保持一致的宽度时遇到一个小问题,例如,我的页面(1)的内容很多,导致视口(正确的单词?)高度溢出,因此有一个垂直滚动条在该页面上(1)。在页面(2)上,我具有相同的布局(菜单,div,…等),但内容较少,因此其中没有垂直滚动条。 问题是,在页面(1)上,滚动条似乎将元素稍微向左推(累加了宽度?),而所有内容似乎都很好地位于页面(2)的中心 我仍然

  • 本文向大家介绍Android viewpager在最后一页滑动之后跳转到主页面的实例代码,包括了Android viewpager在最后一页滑动之后跳转到主页面的实例代码的使用技巧和注意事项,需要的朋友参考一下 先给大家说下实现思路 主要有是两个监听: 一是addOnPageChangeListener();二是setOnTouchListener(); addOnPageChangeListen

  • 问题内容: 我正在尝试使用bootstrap 3表制作具有固定标题和可滚动内容的表。不幸的是,我发现的解决方案不适用于引导程序或使样式混乱。 这里有一个简单的引导表,但是由于某种原因我不知道tbody的高度不是10px。 例: 问题答案: 这是有效的解决方案: