html - 移动到选项卡和该选项卡内的特定位置

Question

我有一个带有链接的页面和三个选项卡。默认 View 是选项卡 1

标签在页面折叠下方

最终的结果应该是，当用户点击链接时，它应该打开 Tab3 并将页面向上移动，以便用户可以查看选项卡的内容。

就目前而言，用户单击链接并打开选项卡 3，但由于选项卡位于页面折叠下方，因此似乎没有任何反应。

我也希望屏幕向下移动到选项卡。我目前正在使用 onClick="parent.location='#contact'"打开选项卡

这是链接的代码

<form>
<input class="listbutton" type="button" onClick="parent.location='{site_url}
{url_title text="`$action_object->m_listing_info->title`"}/
{route_suffix for="listings"}{$action_object->m_listing_info->listing_id}#contact'"
value="{translate text='contact_owner'}" title="{translate
text='listestablishmentforfree'}">
</form>

这是链接到的代码

<li>
<a href="#contact"><span>{translate text='contact_owner'}</span></a>
</li>

Answer 1

因为你没有代码，所以我能理解的是帮助你

       $('#anchorID').click(function() {               
    $("#contacts").focus();
});