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

如何在移动设备中滚动到页面顶部[关闭]

容柏
2023-03-14

我在onLoad上使用下面的代码进入页面顶部。window.scroll到(0,0)在Javascript中,它适用于浏览器,但不适用于任何移动设备。

共有1个答案

羊舌涵涤
2023-03-14

关于移动页面的“window.scrollTo(0,1)fix”有很多文章。对用户来说,使用一个神奇的数字来表示超时可能会令人沮丧。内容开始出现,用户开始向下滚动页面并使用信息,然后被抓拍回页面顶部。更好的方法是这样的:

window.addEventListener("load", function() {
    setTimeout(function() {
        var scrollPos = window.pageYOffset || 
            document.documentElement.scrollTop || 
            document.body.scrollTop;

        // seems like the author of linked code source had a logic bug here
        // if you need to apply this, probably you will want to check scrollPos > 1

        // I keep the comment above - although it is wrong. You should 
        // not scroll, once the user already interacted with the page.
        // For further information, see the linked article below.
        if (scrollPos < 1) {
            window.scrollTo(0,1);
        }
    }, 0);
});

更多信息-这里有一篇文章(脚本来自那里)

 类似资料:
  • 问题内容: 有没有一种方法可以使用JavaScript / jQuery控制浏览器滚动? 当我向下滚动页面一半,然后触发重新加载时,我希望页面进入顶部,但它会尝试找到最后一个滚动位置。所以我这样做: 但是没有运气。 编辑 : 因此,当页面加载后,我打电话给您时,您的两个答案都有效。但是,如果我只是在页面上刷新,则看起来浏览器会在事件发生后计算并滚动到其旧的滚动位置(我也测试了body onload

  • 问题内容: 我有一个问题,我不知道如何解决。在我的react组件中,我在底部显示一长串数据和少量链接。单击任何此链接后,我将在列表中添加新的链接集合,并需要滚动到顶部。 问题是- 呈现新集合 后 如何滚动到顶部? 问题答案: 由于原始解决方案是为 react的 早期版本提供的,因此这里进行了更新:

  • 在IOS6中,我有以下代码滚动到UITableView的顶部 在IOS7中,这不再起作用了。表格视图没有完全滚动到顶部(但几乎)。

  • 问题内容: 使用Python和Selenium时,我在滚动到网页顶部时遇到问题。 当页面由于某种原因加载时,您将被带到页面底部(这是固定的)。但是,当我尝试滚动到顶部时,它不起作用。 我尝试了以下方法: 和 我也尝试过找到该元素,然后滚动到它: 向下滚动到元素时,上面的scrollIntoView()代码适用。但是,它无法向上滚动。 我已经尝试过运行Chrome驱动程序和PhantomJs。 有什

  • 问题内容: 如何使用JavaScript滚动到页面顶部?即使滚动条立即跳到顶部也是可取的。我不是在寻找平滑的滚动。 问题答案: 如果您不需要更改以进行动画处理,则无需使用任何特殊的插件-我只需要使用本机JavaScript window.scrollTo方法- 传入0,0即可将页面立即滚动到左上角。 参量 x坐标是沿水平轴的像素。 y坐标是沿垂直轴的像素。

  • 我有一个问题,我没有办法解决。在react组件中,我在底部显示了一长串数据和几个链接。在点击任何一个链接后,我用新的链接集合填写列表,并需要滚动到顶部。 问题是-呈现新集合后如何滚动到顶部?