firefox和chrome中iframe锚点失效的问题-技术博客集

firefox和chrome中iframe锚点失效的问题
编程技术 / houtizong 发布于 3年前 95

firefox和chrome中iframe锚点起作用，网上查了查，有jquery的解决方法，引入jquery和一段代码就可以啦！

<script type="text/javascript" src="/scripts/jquery.min.js"></script><script type="text/javascript">$(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;      });    }  });});</script>

上一篇：使用golang统计代码行数

下一篇：spring3.0+struts2.1+mybatis3.2搭建

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<div  style="font-size: 14px;">  <p>firefox和chrome中iframe锚点起作用，网上查了查，有jquery的解决方法，引入jquery和一段代码就可以啦！</p>  <pre class="js" name="code">&lt;script type=&quot;text/javascript&quot; src=&quot;/scripts/jquery.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;$(function(){  $(&quot;a&quot;).each(function (){    var link = $(this);    var href = link.attr(&quot;href&quot;);    if(href &amp;&amp; href[0] == &quot;#&quot;)    {      var name = href.substring(1);      $(this).click(function() {        var nameElement = $(&quot;[name='&quot;+name+&quot;']&quot;);        var idElement = $(&quot;#&quot;+name);        var element = null;        if(nameElement.length &gt; 0) {          element = nameElement;        } else if(idElement.length &gt; 0) {          element = idElement;        }         if(element) {          var offset = element.offset();          window.parent.scrollTo(offset.left, offset.top);        }         return false;      });    }  });});&lt;/script&gt;</pre>  <p>&nbsp;</p> </div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客