ページがスクロールするときに常に表示されるように、固定位置を指定したサイドバー div があります。興味深いことに、サイドバーの位置は、JavaScript コードによって設定され、画面の解像度が低くなったり、サイドバーが間違った位置に配置される問題に対処したりします。
それはすべてうまく機能していますが、divのコントロールは再配置されても動かないため、クリックできません。それらは正しい位置に表示され、実際には何もしません。
ここでこれに対する解決策を読んだことは確かですが、追跡できません。
サイドバーの CSS は次のとおりです。
.mainsidebar
{
display:inline-block;
width:35.5%;
float:left;
padding: 0px 0px;
margin: 12px 8px 8px 8px;
min-height: 480px;
position: fixed;
font-size: 9pt;
left: 0px;
overflow:auto;
background-color: #4b6c9e;
border-radius: 8px 8px 8px 8px;
}
そしてその位置を設定するJavaScript:
var elementStyle1 = document.getElementById("mainSideBar");
elementStyle1.style.top = "23.2%";
asp コントロールで同じことを試みましたが、結果が得られません。
申し訳ありませんが、これは無視してかまいません。同様の状況を説明する解決策を読んだことがあると確信していたので、それは上記の問題だと思いました。
実際に問題だったのはコントロールの z-index でした。div をコントロールよりも低い z-index に設定すると、それらをクリックすることができました。