修理火狐、chrome的页内锚点

iteye_5698

于 2013-06-15 17:00:10 发布

阅读量128

点赞数

分类专栏： iframe 文章标签： iframe

本文链接：https://blog.csdn.net/iteye_5698/article/details/82514671

版权

iframe 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

// 修理火狐、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);
}
});
}
});
}