如何打开一个页面的同时并定位到页面固定的点

场景:

clipboard.png

A是会场页面,B是会场活动的分类页面,两个是分来的,相互独立

问题:我点击A的1,2,3如何跳到页面B对应的a,b,c的位置??

有没有可行的方案?

阅读 2.6k
4 个回答

你说的是锚点,参考:

https://www.cnblogs.com/heiniuhaha/archive/2011/11/23/2260201.html

推荐用html锚点,简单快速
<a href='yourlocation#eleId'></a>

<p id='eleId'>qwer</p>

通过id和锚点关联
A页面

<a href="B#a">1</a>
<a href="B#b">2</a>
<a href="B#c">3</a>

B页面

<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>

最简单的方式就用 <a href="/huodong/#b">到b去</a>

A:

<ul>
    <li>
        <a href="two.html#page-a">去two的 A</a>
    </li>
    <li>
        <a href="two.html#page-b">去two的 B</a>
    </li>
    <li>
        <a href="two.html#page-c">去two的 C</a>
    </li>
</ul>
<div style="width: 800px;height: 1000px;border: 1px solid #ddd;border-radius: 5px;margin: 10px auto;overflow: auto;">
        <div style="height: 1000px;background: red;" id="page-a"></div>
        <div style="height: 1000px;background: green;" id="page-b"></div>
        <div style="height: 1000px;background: yellow;" id="page-c"></div>
    </div>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题