※ ChatGPTを利用し、要約された質問です（原文：表（セル）の線）
スクロール時に線が上手く消えない問題の解決方法は？
このQ&Aのポイント
スクロール状態の時、一番下までいくとmargin:-1px;と指定したbottomのところが上手く消えてくれない問題の解決方法を教えてください。
テーブルの線がスクロール時に上手く消えず困っています。margin:-1px;と指定したbottomの部分が問題です。
スクロール時にテーブルの線が上手く消えない現象が発生しています。どのように解決すればよいでしょうか。
スクロール状態の時、一番下までいくとmargin:-1px;と指定したbottomのところが上手く消えてくれないのでなにか良い解決方法はないでしょうか。
伸ばしてるときは大丈夫なんですが・・・
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
table,td {border: solid 1px slategray; border-collapse: collapse;}
.close {height:100px;overflow-y:auto; }
div {padding:0px;}
</style>
<script>
function scr(){hoge=document.getElementById("konoko");
if(hoge.className=="close"){hoge.className="";}
else {hoge.className="close";}
}
</script>
</head>
<body>
<a href="#" onclick="scr()">伸縮すいっち</a>
<br><br>
<table>
<tr>
<td>名前</td>
<td style="width:14px;">S<br>C<br>R</td>
</tr>
<tr>
<td colspan="2" style="padding:0;">
<div id="konoko" class="close">
<table style="margin:-1px">
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
<tr>
<td>名前</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
お礼
これです、ありがとうございました！