我有一个在左侧有链接的个人资料页面容器,您可以单击以打开已列出的部分。但是,当我单击所述链接时,整个页面会强制滚动(跳转)到该部分内容的顶部,因此会切断页面上它们上方的任何内容并且非常烦人。
不确定是填充还是边距还是什么,我真的不想从头开始。
我有详细信息的主要 HTML:
<div align="center">
<style>
.container {
width: 650px; height: 250px;
overflow: auto; overflow-y: hidden;
border: 3px double #999999; background: black;
}
.section { height: 250px; overflow: auto;}
</style>
<table width="700px">
<tr>
<td>
<div style="overflow: auto; width: 200px; height: 250px; border: 3px inset #999999;">
<br /><font color="#520000" size="5" face="Times"> Greetings. </font>
<br /><br /><a href="#profile"><font face="Courier" size="4">[ Introduction ]</font></a>
<br /><a href="#likes"><font face="Courier" size="4">[ Aye ]</font></a>
<br /><a href="#loathes"><font face="Courier" size="4">[ Nay ]</font></a>
<br /><a href="#media"><font face="Courier" size="4">[ Media ]</font></a>
<br /><a href="#music"><font face="Courier" size="4">[ Music ]</font></a>
</div>
</td>
<td>
<div class="container">
<a name="profile"></a>
<div class="section" align="right">
<br /> About me text here
<br />
</div>