问题标签 [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.
javascript - 使用“溢出:自动”滚动div的位置
鉴于此 HTML 片段:
您(通常)会得到一个带有滚动条的黑框,其中包含数字 1 到 30,每个数字都位于新行中。
您可以在该框内上下滚动。
我现在需要的是找出盒子在哪个滚动位置的可能性。假设每行 15 像素高,向下滚动到数字 10,我想要得到的结果是数字 150(15 像素 * 10 行)。
我在哪里可以找到这个号码?
我手头有普通的 JavaScript 和 jQuery。
html - 如何在 MVC 中保持滚动位置?
我在 MVC 中从事一个项目,并且很喜欢学习它。有一些成长的痛苦,但一旦你弄清楚它们就不错了。在 WebForms 世界中真正简单的一件事是保持页面上的滚动位置。您只需将 MaintainScrollPositionOnPostback 属性设置为 true。但是,在 MVC 中,我不使用回发,所以这对我不起作用。处理这个的标准方法是什么?
编辑: Ajax 是可以接受的,但我也想知道如果没有 AJAX 你会怎么做。
c# - 异步回发后重置滚动位置 - ASP.NET
异步回发后将滚动位置重置到页面顶部的最佳方法是什么?
异步回发从 ASP.NET GridView CommandField 列启动,并在 GridView OnRowCommand 中调用 ASP.NET 更新面板 Update 方法。
我当前的应用程序是一个 ASP.NET 3.5 网站。
编辑:我收到了大家的优秀反馈,我结束了在脚本标签中使用 PageRequestManager 方法,但我的下一个问题是:
如何将其配置为仅在用户单击 GridView 控件中的 ASP.NET CommandField 时执行?我在页面上有其他按钮执行异步回发,我不想滚动到页面顶部。
编辑 1:我开发了一个不需要使用 PageRequestManager 的解决方案。请参阅我的后续答案以获取解决方案。
jquery - 获取当前滚动位置并将其作为带有链接的变量传递?
老实说,我在这里超出了我的深度。我创建了一个分页系统,您单击一个链接它会重新加载页面,并且一定数量的列表项显示在无序列表中。当您再次单击它时,它将重新加载页面并显示更多项目。想想 Twitter 如何在您的提要中显示推文。
问题是当它重新加载页面时它停留在顶部。我想要的是它跳到它以前拥有的页面上的相同位置。
我已经为链接设置了一个选择器,我只是不知道如何获取当前滚动位置,然后将其传递给新页面以供其跳转。
到目前为止,这是我的代码:
我从这里去哪里?
asp.net - 在回发时保持页面内 div 的滚动位置
我在 aspx 页面中有一个 div,溢出设置为自动。div 的内容是动态创建的,由链接按钮列表组成。
当我在 div 中向下滑动并单击任何链接按钮时,页面重新加载会丢失 div 内的滚动位置并将我带到 div 的顶部。有什么办法可以防止这种情况发生吗?
请注意,这是针对页面内的 div 的。Page.MaintainScrollPositionOnPostBack()
不起作用。
browser - 浏览器不记得上次查看页面的位置
我已经为这个问题做了一些搜索,但我空手而归。我希望有人可以为我澄清事情并为我指明正确的方向。
问题:我有一个页面在提交搜索表单后显示结果列表。当用户单击其中一个结果时,浏览器会转到一个新页面,显示有关结果的更多信息。当用户然后单击“返回”按钮以打包到结果时,我的浏览器会重新加载页面并显示页面顶部,而不是最后单击的结果。
目标:我想要的是:当用户单击后退按钮时,浏览器应该返回上一页,而不是显示页面顶部,而是在前一位置显示页面。
解决方案:我完全迷失了如何实现这个结果。它是否与 javascript 或发送到浏览器的标头有关,可能与缓存有关。
android - 在 Android 2.1 中方向更改期间保存 WebView 滚动位置的问题
在方向更改期间,我在保留 Android 的 WebView 控件中加载的内容的当前滚动位置时遇到问题。该问题目前仅存在于 Android 2.1 和 Android 2.1 Update 1
我使用的代码基于默认的浏览器应用程序,如下所示:
此代码适用于 Android 1.5、1.6 和 2.0.1。在 Android 2.1 中,相同的代码会在一瞬间恢复位置,但随后页面会重新加载并滚动到位置 0,0。
在 Android 2.1 Update 1 中不仅滚动回 0,0,还改变 Zoom 以适应页面宽度(类似于 2.1 中引入的浏览器概览模式)
有谁知道解决方法或知道什么可能导致这种行为?
android - 返回 ListView 时保持/保存/恢复滚动位置
我很长一段时间ListView
,用户可以在返回上一个屏幕之前滚动。当用户ListView
再次打开它时,我希望将列表滚动到与之前相同的位置。关于如何实现这一目标的任何想法?
apache-flex - 更新后将 DataGrid 保持在相同滚动位置的方法?
我有一个自定义<mx:DataGrid />
,每 60 秒使用来自 ColdFusion 服务器的数据进行更新。我注意到每次 DataGrid 更新和重绘滚动位置都会重置到顶部。
有没有办法可以保留我的 DataGrid 的滚动位置?
提前致谢。
javascript - 根据滚动条位置维护 div 的滚动位置
我在这里写了我的代码。
我想要做的是,检测滚动条是否在窗口的底部,如果是,将新数据附加到 div 中,然后向下滚动到底部。如果滚动条尚未位于底部,则什么也不做。
我不确定我可以使用 DOM 或 jquery API 的哪些部分来完成此操作,我一直在尝试多种事情并且有点卡在这里,就滚动条的位置而言,似乎没有什么能给我一个价值,以及我可以滚动多少。如果我能得到这个百分比值会很棒。
我不想使用 jQuery 之外的任何库,这意味着也没有插件。
我希望获得我们在 SO 聊天室中看到的相同行为,只是它似乎使用 ScrollTo 插件来完成它的工作。
更新。
我不能只使用 .height() 和 .scrollTop,它们不匹配。
看到这个:http: //jsfiddle.net/qSx3M/6/