首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Javascript window.open()中保持滚动位置

在Javascript中,window.open()方法用于打开一个新的浏览器窗口。然而,它不能直接保持滚动位置。要在window.open()中保持滚动位置,您需要在打开新窗口时将滚动位置作为参数传递。

以下是一个示例代码,展示了如何在打开新窗口时保持滚动位置:

代码语言:javascript
复制
function openWindowWithScrollPosition() {
  const scrollX = window.scrollX;
  const scrollY = window.scrollY;

  const newWindow = window.open('https://www.example.com', '_blank');

  newWindow.onload = function() {
    newWindow.scrollTo(scrollX, scrollY);
  };
}

在这个示例中,我们首先获取当前窗口的滚动位置(scrollXscrollY),然后使用window.open()打开一个新的窗口。接着,我们在新窗口加载完成后,使用newWindow.scrollTo(scrollX, scrollY)将滚动位置设置为与原始窗口相同的位置。

需要注意的是,由于浏览器的安全策略,有时在新窗口中设置滚动位置可能会受到限制。在这种情况下,您可能需要考虑使用其他方法来实现类似的功能,例如在新窗口中使用锚点或者通过其他方式传递滚动位置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

27分8秒

1. 尚硅谷_佟刚_JavaScript DOM编程_在什么位置编写 JS 代码.wmv

27分8秒

1. 尚硅谷_佟刚_JavaScript DOM编程_在什么位置编写 JS 代码.wmv

23分54秒

JavaScript教程-48-JSON在开发中的使用【动力节点】

11分50秒

JavaScript教程-49-JSON在开发中的使用2【动力节点】

8分26秒

JavaScript教程-50-JSON在开发中的使用3【动力节点】

4分21秒

JavaScript教程-51-JSON在开发中的使用4【动力节点】

19分33秒

JavaScript教程-52-JSON在开发中的使用5【动力节点】

6分24秒

16-JSON和Ajax请求&i18n国际化/03-尚硅谷-JSON-JSON在JavaScript中两种常用的转换方法

5分22秒

腾讯位置 - 地图构建入门

4分32秒

PS小白教程:如何在Photoshop中使用蒙版工具插入图片?

1分26秒

PS小白教程:如何在Photoshop中完美合并两张图片?

18秒

四轴激光焊接示教系统

领券