📌  相关文章
📜  如何使用 HTML 或 jQuery 重定向到页面的特定部分?

📅  最后修改于: 2021-11-24 04:52:22             🧑  作者: Mango

方法 1:使用 HTML:

可以使用锚标记重定向到同一页面上的特定部分。您需要将“id 属性”添加到要显示的部分,并在 href 属性中使用与锚标记中的“#”相同的 id。这样在单击特定链接时,您将被重定向到在锚标记中提及相同 id 的部分。

句法:

//anchor tag
home

Information About Page

示例:当用户点击“联系我们”链接时,他将被重定向到同一页面上的“联系我们”部分。



   
     
   
  
   
      

Welcome to GeeksforGeeks

      

This is the example of Redirect  to a particular section using HTML on same page  

       Contact Us       

      
        

Home section

      
      
        

About Us section

      
         
        

Contact Us section

      
      
        

Team Section

      
   

输出:
全窗口大小视图:

当用户点击“联系我们”链接时,用户将被重定向到“联系我们”部分。
全窗口大小视图:

方法二:使用JQuery:

scrollTop() 方法设置或返回所选元素的垂直滚动条位置。

注意:当滚动条在顶部时,位置为 0。

句法:

$(selector).scrollTop(position)

使用 JQuery 重定向到特定部分:

句法:

home

$('#home').click(function(){
$(document).scrollTop(100) // any value you need
});

示例:当用户点击页面底部的“联系我们”链接时,他将被重定向到同一页面上的“主页”部分。



   
     
  
     
   
  
   
      

Welcome to GeeksforGeeks

      

This is the example of Redirect  to a particular section using Jouery  on same page

      
        

Home section

      
      
        

About Us section

      
         
        

Contact Us section

      
      
        

Team Section

      
      
         Contact Us       

输出:联系我们链接在页面底部:
全窗口大小视图:

当用户点击联系我们链接时,用户将被重定向到前 600 像素到“首页”部分。
全窗口大小视图:

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。