当移动设备上的方向发生变化时，如何在强制重新加载页面后确定滚动位置？
当移动设备上的方向发生变化时，在强制重新加载页面后确定滚动位置可以通过以下步骤实现：
- 监听设备方向变化事件：使用JavaScript的
window.orientationchange事件来监听设备方向的变化。当设备方向发生变化时，触发相应的事件处理函数。 - 获取当前滚动位置：在设备方向变化事件处理函数中，使用JavaScript的
window.scrollX和window.scrollY属性来获取当前页面的滚动位置。 - 保存滚动位置：将获取到的滚动位置保存到本地存储或者通过其他方式进行持久化存储，以便在页面重新加载后能够恢复滚动位置。
- 强制重新加载页面：使用JavaScript的
location.reload()方法来强制重新加载页面。这将导致页面重新加载，但是滚动位置会丢失。 - 恢复滚动位置：在页面重新加载后，通过读取之前保存的滚动位置，使用JavaScript的
window.scrollTo()方法将页面滚动到之前保存的位置。
这样，当移动设备上的方向发生变化时，页面会重新加载，但是滚动位置会被保存并在重新加载后恢复。
推荐的腾讯云相关产品：腾讯云移动推送（https://cloud.tencent.com/product/umeng_push）、腾讯云移动分析（https://cloud.tencent.com/product/ma）。
请注意，以上答案仅供参考，具体实现方式可能因具体开发环境和需求而有所不同。
相关·内容
我正在开发一个投资组合页面，包含它的动态图像的网格，所以在某些手机上，当改变方向时，一些图像将扭曲宽*高的比例，它将得到修复，只有刷新页面。为了解决这个问题，我决定放一个Javascript代码(我从这个网站得到的)，它会在页面方向改变时刷新页面。问题是，当页面从该代码重新加载时</e
浏览 14提问于2019-08-06得票数 2
回答已采纳
3回答
当我点击任何按钮时，我的页面正在重新加载，页面位置正在发生变化。如何在任何事件单击时保持页面刷新后的滚动位置不变。我试过了在我<em
浏览 3提问于2011-05-24得票数 4
回答已采纳
我正在上工作，并且有一些固定标题的问题。当前，当视口宽度小于952px时，导航将移动到屏幕顶部的栏中，位置:已修复。显然，这是为了给移动设备等提供更多的内容屏幕空间。问题是，在iOS7 (在iPhone和iPad上测试)上，当使用下拉导航转到新页面时，页面加载后导航就会消失，直到用户向下<em
浏览 0提问于2014-02-21得票数 1
我正在使用jQuery脚本重新加载网页，以防窗口大小发生变化。它在桌面上运行得很好，但是在智能手机上有一个很大的问题:它也在移动滚动事件上执行。每当我在我的iPhone 6s上打开页面并开始滚动时，页面在2000毫秒后重新加载。我找到了一个可行的解决方案，但我不确定如何将其包
浏览 9提问于2019-05-03得票数 0
回答已采纳
当窗口大小小于767 is时，我有一些jQuery代码可以将div移动到流中的稍后位置。一切正常。在insertAfter()代码影响的单个页面上，scrollTop代码滚动到错误的区域。在移动元素之前，它似乎正在<em
浏览 3提问于2013-04-27得票数 0
1回答
在我的页面上，我正在检测滚动，当它发生时，通过使body有overflow:hidden来禁用滚动，然后为滚动位置执行一些自定义动画逻辑。Webkit浏览器(Mac )上的问题是，当我重新启用滚动时，本机滚动看起来仍然很轻松，从而使页面更多地朝着初始滚动事件的方向移动
浏览 1提问于2021-08-03得票数 0
回答已采纳
我在尝试测试移动应用程序的布局时遇到了一个问题。我把两个元素放在一个容器里，这两个元素彼此对齐。如果我滚动到其中一个页面(只使用标准滚动，不使用脚本)并更改方向，一切都很好，元素会正确地调整自身大小。但是当我恢复到以前的方向时，滚动位置似乎丢失了，滚动位置在两个元素之间。
这对我来说很难描述，因为我不确定发生了什么，所以我提供了
浏览 0提问于2012-03-27得票数 3
1回答
我有一个滚动条的问题。
我有两个更新面板。1保存一个图库和其他updatepanel，当单击按钮时保存2个按钮，图库中的图片会发生变化。我有一个问题，在我的大画廊(容纳更多的图片)，当点击按钮时，滚动条被重置到页面的顶部，当你向下滚动时，它需要花费很长时间，所以当它试图加载图片或重新绘制它们(
浏览 0提问于2011-12-01得票数 0
回答已采纳
1回答
通过引导模式表单更新数据库中的值
、、、、
我在PHP中有一个页面，它显示了数据库中的用户帐户信息，现在为了编辑帐户信息，我已经建立了一个引导模式。现在，我希望父页面在我们以模式提交表单后刷新，以便页面显示来自数据库的更新值，我该怎么做？？以下是模式表单所在的页面代码：
<p data-placement="top" data-toggle="tooltip" title="Edit" data-original-titl
浏览 0提问于2016-12-30得票数 0
我正在为客户端构建一个测试移动网站：
如您所见，在使用正确的视口大小在移动设备或桌面上加载网站时，您将看到一个带有三个选项的红色框。红色方框是页面本身告诉被一类溅红。(我最初把它作为一个单独的DIV，使用固定位置坐在页面顶部，但在定位方面有几个问题)。在桌面上，这很好，但在移动设备上，例如，当工具栏消失和&#x
浏览 5提问于2012-07-05得票数 0
我正在使用http://binarymuse.github.io/ngInfiniteScroll/index.html是无限滚动的角度扩展
它工作得很好，但是当我移动到页面的末尾，然后如果重新加载页面，滚动位置总是在页面的末尾，这使得nginfinitescroll一次又一次地触发，直到它加载整个数据。所以现在我想要的是，当</em
浏览 1提问于2015-01-08得票数 0
我遇到了一个奇怪的问题，我的主页上的javascript/jQuery只有在我重新加载页面之后才能工作。浮动菜单和平滑滚动都无法按预期工作。这个问题可以通过强制浏览器获得页面的新版本(即，Ctrl+F5)来复制。 return false; }
}
浏览 3提问于2014-08-23得票数 1
回答已采纳
在iOS设备上，滚动插件(如、和 )似乎保持了Safari的地址栏和导航条的位置，而不是用户滚动页面时它们通常最小化的方式。
有什么解决办法吗？我知道当那些UI条最小化时，内部视图的高度就会改变，所以插件需要重新计算高度。此外，UI在滚动事件期间最小化，这可能是滚动插件的问题吗？当</
浏览 1提问于2015-12-22得票数 1
我想知道用户在iphone上移动safari的视窗内滚动了多远。jquery的$('body').scrollTop()总是报告0
事件有一个pageX，但
浏览 0提问于2010-03-24得票数 17
1回答
我正在尝试处理一个很长的<div>列表，并在导航关闭和返回后保持列表中的滚动位置。基本上，当所做的选择在列表中时，我捕获listScrollPos，然后在返回页面时尝试重置它(以角度表示-因此列表首先被重新呈现)。在其他浏览器中，将显示该列表，并在初始渲染后移动滚动位置。指针重置，一切正常。然而，在iOS 8
浏览 0提问于2015-07-01得票数 5
我目前正在建立一个水平滚动网站的过程中，我正在使用火车头滚动作为滚动库。 页面相当简单:背景上只有几行文本和一些视差图像。但是，当页面加载时，图像似乎不在正确的位置。当用户滚动时，它们会比正常显示的时间早得多，并且突然移动到正确的位置。 只有当用户滚动整个<
浏览 35提问于2021-03-31得票数 0
回答已采纳
7回答
在HTML页面上，这样的链接：...should导航到页面上的这个位置：但在我的经验中，它有时会错过--尤其是当从另一个页面链接时(比如<a href="somepage.html#pagelo
浏览 9提问于2009-01-06得票数 18
1回答
我正在尝试一种特定的方式来移动一个图像(只是一个图像，而不是背景)到你滚动时的某个点。假设我加载了一个页面，该页面加载了一个图像，然后将图像滑到页面的左侧，当您滚动时，图像会滑到中间或底部，或者当您开始滚动页面时，图像滑到您想要的任何位置。图像通过一组文本或
浏览 1提问于2013-11-03得票数 1
我正在寻找一个像无限滚动这样的工具，在客户端运行，逐步加载数据块，但一种技术，将额外允许渐进加载在两个方向(向上和向下的页面)，并清理后，当满足某个阈值的数据是高于或低于当前位置。例如，当它变得很大或离当前位置太远时，它会清理头部和/或尾部。
虽然该工具用于页面内容(向上/向下滚动)，但我认
浏览 0提问于2011-01-06得票数 3
回答已采纳
2回答
在我的iPad上的Mobile Safari中，在改变设备方向后，我得到了一些奇怪的行为。下面是我的测试文件： </body>您可以在Mobile Safari中通过以下URL查看它：
当我用我的iPad进行纵向定位时，页面不会滚动，这是正确的。然而，当我将
浏览 1提问于2011-03-08得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
