修理火狐、chrome的页内锚点

最新推荐文章于 2021-06-09 14:27:37 发布

原创最新推荐文章于 2021-06-09 14:27:37 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe

iframe 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一个JavaScript函数，用于解决Firefox和Chrome浏览器中页面内部链接的问题。通过修改iframe内的a标签行为，确保点击这些链接时能正确滚动到指定位置。

// 修理火狐、chrome的页内锚点
function fixAnchorInPage(iframe) {
$(iframe).contents().find('a').each(function() {
var link = $(this);
var href = link.attr('href');
if (href && href.substring(0, 1) == '#') {
var name = href.substring(1);
$(this).click(function() {
var nameElement = $(iframe).contents().find("[name='" + name
+ "']");
var idElement = $(iframe).contents().find("#" + name);
var element = null;
if (nameElement.length > 0) {
element = nameElement;
} else if (idElement.length > 0) {
element = idElement;
}
if (element) {
var offset = element.offset();
var iframeTop = $(iframe).offset().top;
window.scrollTo(offset.left, offset.top + iframeTop-15);
}
});
}
});
}