不同浏览器的Html解释

最近，我下载了一个JQuery插件，用于在html页面的选项卡式内容上制作动画。为选项卡及其各自的内容和动画定义的html由 JQuery。这是我的标签的html示例

<ul>
    <li><a href="#two">PED</a>
    </li>
    <li><a href="#Five">SPDE</a>
    </li>
    <li><a href="#one">SDE</a>
    </li>
</ul>
<div class="box-wrapper">
  <div id="Seven" class="content-box">
    <div class="col-one col">
      <a href="" target="_blank"
         title="Click to go to Advanced-Design Team Site">
        <img src=""/>
      </a>
    </div>
  <div class="col-two col">
  <h3>
    <a href="" target="_blank"
       style="color: Black; text-decoration: underline"
       title="Click to go to Advanced-Design Team Site">
         Advanced Design
    </a>
  </h3>
  <p>Welcome to Advanced Design Group.</p>
</div>

欢迎来到先进设计集团

剩余的div如上所述

我使用iframe标记在另一个页面中显示了这个带选项卡的html页面。当我单击任何一个选项卡时，页面会自动捕捉到内容页面的开头。这在Firefox中不会发生，但它会按预期显示内容，而不会捕捉。在IE和Chrome中，页面捕捉到相应选项卡的开头。我们需要重新滚动到页面顶部

不知道为什么会发生这种情况，浏览器解释HTML的方式是否有问题，或者我的HTML代码是否错误？我看不到任何其他的方法，除了使用 方法我知道这是造成问题的原因，但有没有办法使页面不在IE或chrome中管理，或者我需要使用选项卡式内容开发页面，而不使用我现在使用的方法。对我来说，这是一条路的尽头。不知道去哪里

任何指点都会大有帮助。

---

谢谢，

您使用iFrame有什么原因吗？我知道你说的对吗？每当在iFrame中单击选项卡时，你都想滚动到父页面的顶部？将你的页面链接发布到更好的帮助。另外，你使用的jQuery插件是什么？你能近似一个JSFIDLE吗？大家好，我在SharePoint中这样做，并在页面查看器web部件中显示页面。它基本上使用Iframe。我在URL（）上加载的jquery插件（命名为老虎机选项卡）形成css技巧站点。我只是按照我的要求格式化了div，并将其嵌入到一个html页面中，并通过SharePoint页面查看器web部件显示。根据您的经验，是否有人可以告诉我，是否有其他方法可以不使用格式开发选项卡？