基本的にこのようなdivを持つビューがあります
<div style="width:100%;height:295px;overflow:auto;margin:0 auto">
<table>
<thead>
<tr>
<th>A normal column</th>
<th>@Html.ActionLink("An action link", "Details", new { id = ViewBag.SiteId }, null)</th>
<th>Another normal column</th>
</tr>
</thead>
<tbody>
@{
for (var i = 0; i < Model.Count; ++i)
{
<tr>
<td>@Html.DisplayFor(modelItem => Model[i].Edit)</td>
<td>@Html.DisplayFor(modelItem => Model[i].EditCategory)</td>
<td>@Html.DisplayFor(modelItem => Model[i].EditSeverity)</td>
</tr>
}
}
</tbody>
</table>
</div>
モデルには十分な行があり、テーブルが div よりも高くなるため、div にスクロールバーが表示されます。ただし、そのスクロールバーを使用すると、ActionLink のテキストがスクロールしません! 代わりに、同じ場所にとどまるため、その下の行のデータが重複し、マウスがその上または別のリンクの上に置かれると、本来あるべき場所に戻ってそこに表示されます。 div。これは Internet Explorer でのみ発生します (IE 7 しかインストールされていないため、他のフレーバーでどのように機能するかはわかりません)。ActionLink は、Chrome と Firefox で適切にスクロールします。
これをIEでも適切に機能させるためにできることはありますか?