如图,点击右边的字母,使页面跳转到对应的地方,一般车票里面都会有这种的
这边我才用了a标签的锚链接,都不用js,就可以实现跳转
<div class="chooseAddress">
<div class="list" id="a">
<!-- 这里的id="a" 是要跳转的地方 -->
<p>a</p>
<ul>
<li>阿城</li>
<li>阿尔山</li>
<li>艾河</li>
</ul>
</div>
<div class="list" id="b">
<p>b</p>
<ul>
<li>巴楚</li>
<li>八达岭</li>
<li>巴东</li>
</ul>
</div>
<div class="letter">
<a href="#a">a</a>
<!-- 点击此处,跳转到对应的地方 -->
<a href="#b">b</a>
<a href="#c">c</a>
</div>
</div>
需要点击的地方,就用a标签,在href里面设置,要跳转的地址,比如href="#a",的意思是跳转到id是a的地方,
然后,如果想跳转到哪里,就在哪里设置id=a,就可以了,都写好之后,点击a标签,屏幕就回跳到对应的地方
比如上图的状态,我现在点击右边的字母a,页面就会变成下图这样,