在新页面中跳转到指定 div容器位置

本文主要是介绍在新页面中跳转到指定 div容器位置，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

要在打开新的页面时跳转到指定 div，我们需要结合 HTML、JavaScript 和后端技术来实现。以下是两种常见的方法：

使用 URL 参数传递目标 div 信息

1. HTML (新页面):

   • 在新页面的链接中，添加参数来指示目标 div 的 id，例如：

   <a href="new_page.html?targetDiv=div3">打开新页面并跳转到 div3</a>

2. JavaScript (新页面):

   • 在新页面中，使用 JavaScript 获取 URL 参数中的目标 div id。

   • 使用 jQuery 的 animate 方法滚动到目标 div 的位置。

   $(document).ready(function() {// 获取 URL 参数const urlParams = new URLSearchParams(window.location.search);const targetDivId = urlParams.get('targetDiv');if (targetDivId) {// 滚动到目标 divconst targetOffset = $(`#${targetDivId}`).offset().top;$("html, body").animate({scrollTop: targetOffset}, 500);}
   });

   

这篇关于在新页面中跳转到指定 div容器位置的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---