问题标签 [scroll-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
310 浏览

android - GridLayoutManager.scrollToPosition 没有任何效果

我有在 Fragment 中使用 GridLayoutManger 的 RecyclerView,如下所示:

RecyclerView 由从 CursorLoader 加载数据的适配器填充,我的问题是我正在尝试恢复保存的 GridLayoutManger 滚动位置以在设备旋转时使用,如下所示:

但是当旋转发生时没有任何变化,好像 scrollToPosition() 方法根本不起作用。我试着把“mGridLayoutManager.scrollToPosition(mPosition);” 在“onLoadFinished”内,但我仍然得到相同的结果!问题是什么?

0 投票
1 回答
10845 浏览

javascript - 强制内部 iframe 内容在页面加载时滚动到顶部

我网站的所有“内容页面”都在我的索引页面上的 iframe 内打开。

我正在使用 onload="scroll(0,0);" 该 iframe 中的代码成功强制我的所有“内容页面”从“顶部”开始。

到目前为止,一切都很好。

但是......在我的网站中,我也有一个“子网站”(它也在 iframe_A 内部打开),但有它自己的 iframe [iframe_B]。

所有子网站的内容页面都在 iframe_B 内打开。

一切都很好......但是,不幸的是......我无法让子站点的 iframe_B 的内容页面像在 iframe_A 中一样在顶部打开。

为了更好地说明我遇到的问题,我包含了一个非常精简的网站模型(6 页,包括“索引页”),以表示我正在使用的布局。

索引页:

第 1 页

第2页

第 3 页

第 4 页

第 5 页

在此模型中...页面 1、2 和 3 始终在 iframe_A 中的页面顶部打开,无论您在上一页中处于什么页面位置......它们应该如此。

我正在尝试获取内容第 4 和第 5 页(在第 3 页的“iframe_B”中打开),每次都在顶部打开。

0 投票
0 回答
625 浏览

javascript - React Route 更改后自定义脚本不起作用

我最近尝试在 React 中创建一个动态样式的 Bootstrap 4 导航栏,同时专门使用本机 Bootstrap 4 组件,而不必依赖诸如 react-bootstrap 或 reactstrap 之类的东西。

起初,这很有效,因为当我使用名为 ScrollPosStyler 的脚本创建一个像 Bootstrap 3 一样的“affix-top”导航栏时,我没有遇到任何问题,该导航栏在页面顶部时具有透明背景,并且滚动页面时的深色背景。

但是,我想在本地使用 bg-dark 和 bg-transparent 而不是 sps 类,所以我创建了一个基于“attrchange”jQuery 插件的侦听器,它看起来像这样:

但是,我也尝试为滚动时变暗的浅色导航栏实现相同的功能,此时我遇到了主要问题。

我添加了一个函数,该函数采用我分配给各种路线中使用的每个导航栏的“颜色”道具,并根据道具的值添加了适当的类,看起来与此非常相似:

对应的“sps-?” 然后使用类来更新我的“attrchange”侦听器,因此它现在相应地添加和删除了bg-transparent bg-light

起初,我也没有注意到这段代码有任何问题,直到我在页面内切换路由:切换后,我需要向下滚动一点,然后一直滚动到页面顶部,以便 ScrollPosStyler 拿起新渲染的导航栏元素。我已经尝试在路由更新后手动初始化 sps,ScrollPosStyler.init();但不幸的是,这只导致“未定义 ScrollPosStyler”(注意:我尝试了所有可用的语法 [es6 import, commonjs require, script tag at the bottom of the page],但它从来没有以任何方式解决)

与往常一样,如果您需要提供任何其他代码或信息来回答问题,请随时问我,我很乐意这样做。此外,我感谢所有关于改进我的代码和/或编码习惯的建议,例如缩小我的 attrChange 侦听器或简化导航栏着色。

0 投票
2 回答
185 浏览

ios - 如何将选项集作为滚动位置的参数传递?

我想将滚动位置的选项集作为参数参数传递,但面临一些问题。

请任何人都可以写下如何做到这一点?

0 投票
1 回答
730 浏览

javascript - 返回页面上表格内的光标位置

嗨,我正在为此苦苦挣扎。我已经尝试了许多在这里和其他地方发布的众多解决方案,但似乎无法获得我需要的功能。

我有一个相当简单的动态网页,显示列表结果。对于我可以在页面本身内更改的内容,我只有有限的自由。When one of the links within the table is selected a second page loads which makes the appropriate changes in the database then returns to the first page. 我希望不仅在页面本身上而且在滚动表中返回相同的位置。

我试图调整此处给出的示例Refresh Page and Keep Scroll Position但结果一团糟。我还尝试了此页面上的第二个解决方案Reload page in same position。这似乎确实会影响滚动位置,但似乎并未反映表格中的位置。

0 投票
2 回答
1056 浏览

uitableview - 获取 ListView Xamarin Form 中 ViewCell 的滚动位置

我想知道 ListView 中 ViewCell 的滚动位置。

尝试了各种方法,但总是给我 0 值。

我的意图是获取 ViewCell 在屏幕中的位置。为了解决这个问题,试图获取它的滚动位置,然后我会将此值添加到 ListView 对象的 Y 值中。

在这种情况下,有人可以帮助我吗?

0 投票
0 回答
318 浏览

android - RecyclerView 滚动位置未更改,并在配置更改时从开始显示项目

我从 API 调用中加载了一些数据AsyncTaskLoader。一切都很好,但是当屏幕旋转时,滚动位置会首先出现,因为在配置更改时再次设置了适配器(但是 API 调用没有进行,因为它是 a Loader)。我尝试按照以下链接中的建议保存滚动位置

链接 1

我保存了滚动状态onSavedInstanceState()并恢复了它onRestoreInstanceState()也尝试过onPause()onResume()但是当旋转屏幕时,recyclerview 总是从第一个位置显示项目。

这是在我的应用程序中保存和恢复滚动状态的代码

0 投票
1 回答
695 浏览

javascript - 获取 IE/Edge Javascript 中的输入滚动位置(包括 JSFiddle)

场景:当用户在输入字段中键入并且文本变得比字段宽度长时,文本会随着用户键入而滚动。
我依靠 scrollLeft 来获取输入字段上的滚动位置,而我最近才意识到同样的代码在 IE 或 Edge 中不起作用(它在 Chrome、Firefox 和 Safari 中起作用)。

调查一下,element.scrollLeft 与 IE/Edge 兼容,但无论出于何种原因,它在这些浏览器中只返回 0。我在 stackoverflow 上看到了另一个与我类似的问题,但似乎没有解决方法。

有人会如何获取 IE/Edge 中输入字段的滚动位置?

小提琴: https ://jsfiddle.net/kellyag/bwac46yz/8/

0 投票
0 回答
395 浏览

swift - 快速加载集合视图时如何设置手动滚动位置?

由于水平滚动视图,我有主表视图,其中集合视图位于表视图部分标题中。当我单击集合视图(第 1 行)时,表视图会重新加载。但是当我单击集合视图第 5 行时,它会重新加载表格视图并从头开始显示集合滚动位置。请帮我设置表视图内的集合视图的手动滚动位置。

这是我正在使用的代码。

它没有在集合视图中设置滚动位置。

谢谢

0 投票
1 回答
1196 浏览

flutter - 使用可折叠应用栏(sliverAppBar)时如何保留tabView的滚动位置?

问题:

当 tabView 之一滚动到顶部时(显示 sliverAppBar),tabView 的滚动位置未正确恢复。另一个 tabView 也将滚动到顶部(失去其先前的滚动位置)。

  • 如果使用普通应用栏(可折叠应用栏) ,则不会出现此问题
  • 此问题在 tabView 滚动到顶部时出现

问题:

使用可折叠应用栏(sliverAppBar)时如何保留tabView的滚动位置?

代码: