何が起こるのですか?ブラウザのウィンドウがどれほど狭いかに関わらず、垂直スクロールバーが表示されると思います。グリッド内のコンテンツは動的ですが、この問題はグリッド内の行数とは関係がないようです。スクロールバーは、ブラウザのウィンドウが一定のサイズである場合に表示され、ウィンドウが拡大されるにつれて残りますが、ウィンドウが縮小されると消えます。高さは動的で、JavaScriptを介してスタイル属性として要素によって設定されます。CSS:ブラウザのサイズを変更すると、垂直スクロールバーが消えます(絞り込み)
<div id="mycontainer" class="mydiv" style="height: 142px;"></div>
<style>
.mydiv {
background-color: white;
border-color: #d8d8d8;
border-style: solid;
border-width: 0 1px 1px;
height: 100%;
width: 100%
margin: 0;
overflow-y: auto;
padding: 0;
position: relative;
}
</style>
あなたのjavascriptを見ずに、私は確かに言うことはできません。しかし、JSFiddleでは、border-width-propertyは1pxをdivの最後に追加するので、100%+ 1pxの高さになります。オーバーフローがautoに設定されている場合は、これが最も確実にscollbarをトリガーします。これを回避するには、ボックスサイズを枠に設定します。 これはどのブラウザでも動作するはずです。http://caniuse.com/#search=box-sizing – zoku
提供したコードのみで問題を再現することはできません。 –