htmlではみ出たテーブルをoverflow-x:auto;で横スクロールを出しており、
そこで最後までスクロールしたら該当箇所にクラスを追加させたいのですが、どのようにすれば良いか教えてください。
以下は試したことです。宜しくお願いします。
<div class="scroll__wrap" id="scroll__wrap"> <table class="table"> <tbody> <tr> <td>ダミー</td> <td>ダミー</td> </tr> <tr> <td>ダミー</td> <td>ダミー</td> </tr> </tbody> </table> </div>
<script> $(".scroll__wrap").on("scroll", function () { var objw = $(".scroll__wrap").innerWidth(); if (objw <= $(".scroll__wrap").scrollLeft()) { $(".table").addClass("active"); } }); </script>
あなたの回答
tips
プレビュー