Javascript 使用'（到达）取消隐藏特定div；href'；从另一页

有一个带3个div的pageA（考虑）。另外，我在另一个页面上有一个链接。当用户点击链接时，他们必须到达pageA中的第三个分区。如何做到这一点

HTML:（PageA.HTML）

在我的代码中，所有div都是隐藏的，除了在该位置选择的div 时间所以不需要滚动

---

需要帮助。

您需要将页面正文设置为比浏览器视口长一点，以启用滚动并使用以下jquery功能：

$("body, html").animate({ 
            scrollTop: $('#mws-container').offset().top 
        }, 600);

---

请参见

如果目的地必须在href中，您可以使用锚定标记执行此操作：

参见Jsfiddle

行

行只是为了让它滚动，所以它比窗口大。顶部href锚链接中的#a#b#c等使浏览器滚动到页面中的相关锚

如果还想打开一个div进行显示，可以使用window.location.search获取#后面的零件，并将其作为id打开相关div。使用JQuery可能是最简单的方法

代码：

---

我希望你能在@bittu这个链接中找到你问题的答案，而这个链接并没有回答我的问题。因为在我的代码中，除了选中的div之外，所有div都是隐藏的。还有其他建议吗？我想这个概念将与我在链接中提供的相同，只是删除滚动部分。这不是我需要的答案。我不想滚动。我在我的问题
中引用了一个文本，在我的代码中，所有div都是隐藏的，除了当时选中的一个
，因此当我单击pageB.html中的链接时。它应该到达pageA.html并仅显示id为“c”的
。这不是我需要的答案。我不想滚动。在我的代码中，我在问题中引用了一个文本，所有div都是隐藏的，除了当时选中的一个，所以当我单击pageB.html中的链接时。它应该到达pageA.html，并且只显示id为“c”。那么“必须到达第三个分区”是指分区必须打开？不，不隐藏？
<a href="PageA.html#c">vvv</a>// this link will be in other page(to reach C)

$(function()
    {

            $('#link li').removeClass('actif');
            $(this).find('li').addClass('actif');
            $('.tab').hide();
            $('#a').show();
            document.getElementById('a1').className='active';
            $('#link li').click(function(e){
            $('#link li').removeClass('actif');
            $(this).find('li').addClass('actif');
            $('.tab').hide();
            $('#'+$(this).attr('data-related')).show();
            e.preventDefault();
});
    });

$("body, html").animate({ 
            scrollTop: $('#mws-container').offset().top 
        }, 600);

<!-- these links could be on another page so the href would be like <a href="page.html#a"></a>

            <a href="#a">Go to One</a> |
            <a href="#b">Go to Two</a> |
            <a href="#c">Go to Three</a>




<div>
    <a name="a"></a> <!-- no title text in the anchor means this doens't appear, it just acts as a placeholder to scroll to when a loink is clicked with destination href=something#a -->
    One<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
</div>
<div>
    <a name="b"></a>
    TWO<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
        Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
        Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
        Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
</div>
    <div>
    <a name="c"></a>
    THREE<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
          Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
          Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
          Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
    Line<br>
</div>