火狐ff iframe 锚点失效问题 - 点滴记忆*记忆点滴
收藏本站

火狐ff iframe 锚点失效问题

在iframe 中,firefox 锚点失效。特别是forward 跳转时,ie 及chrome 设置锚点都会有问题,不过可以使用

window.location.href = window.location.href+'#commentframe'; 方式解决。但这种方式在Firefox中无效。

只能使用js 解决了。网上收集解决方法:

jquery  解决方案:

$(function(){
  $("a").each(function (){
    var link = $(this);
    var href = link.attr("href");
    if(href && href[0] == "#")
    {
      var name = href.substring(1);
      $(this).click(function() {
        var nameElement = $("[name='"+name+"']");
        var idElement = $("#"+name);
        var element = null;
        if(nameElement.length > 0) {
          element = nameElement;
        } else if(idElement.length > 0) {
          element = idElement;
        }
 
        if(element) {
          var offset = element.offset();
          window.parent.scrollTo(offset.left, offset.top);
        }
 
        return false;
      });
    }
  });
});
考虑效率问题,
$("a") 可以加一个限制,以防遍历所有a 标签。

    留下足迹