いつもお世話になっております。どうかご教授お願い致します。
質問のタイトルにもございますが、現在長いtableをoverflow:autoでスクロールさせております。
ただ、そのtableの中にhoverで表示したいコンテンツ(hoge)があり、hover時に表示をさせようと思ったのですが、当然の事ながらhogeがoverflow:autoで指定している為、hogeのサイズが大きいと途切れてしまいます。
html
1<div class="table_wrap"> 2 <table> 3 <thead> 4 <tr> 5 <th> 6 コマンド 7 </th> 8 </tr> 9 </thead> 10 <tbody> 11 <tr> 12 <td> 13 ●←これをhoverするとhogeを表示 14 <div class="hoge"> 15 </div> 16 </td> 17 </tr> 18 </tbody> 19 </table> 20</div>
<div class="hoge"></div>の位置にこだわりはありません。 jsなどを使用して、途切れず表示する 何か良い方法はないでしょうか? ヒントお願い致します!!css
1.table_wrap{ 2width:400px; 3overflow: auto; 4} 5 6table{ 7width:1000px; 8} 9 10.hoge{ 11 display:none; 12} 13 14table td:hover .hoge{ 15 display:block; 16} 17
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。