javascript - 使用标签加载时滚动到页面顶部的 iframe

Question

我在页面中有一个“设计自己的制服”应用程序的 i 框架。设计您自己的制服应用程序包含四个选项卡（选择产品、选择颜色、插入详细信息、接收报价）。

每次我转到新标签时，页面都与前一个标签保持相同的水平位置。有没有一种方法可以使页面从标签页加载到 i-frame 的顶部？

我已经看到使用 js 完成此操作，但是我从未见过涉及选项卡的特定示例。

任何帮助，将不胜感激。

谢谢，

大屏幕电视

Answer 1

你应该使用滚动功能

html

    <a href='#id'>btn</a>
    <div id='id'></div>

$('a').click(function() {
    var elementClicked = $(this).attr("href");
    var destination = $(elementClicked).offset().top;
    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-15}, 500 );
    return false;
});