如何使用 HTML 或 jQuery 重定向到页面的特定部分?
方法 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。