オーバーフローがスクロールするように設定されている親のボーダー半径を非表示にするにはどうすればよいですか？

Question

親はborder-radiusが5pxである。子供たち（黒い部分の上部）はborder-radiusが3pxです。これは私が親のコンテンツをスクロールする番目のユーザを有効にするために、私はoverflow: scroll

に親を設定しなければならなかったことを行うために必要なしかし、これが作られた、親の境界線は、しかし子供の

でカバーするようにしました再び表示するには、親の境界線（左上の白）：

どのようにスクロール可能にすると同時に、親の境界線の半径を隠したことができますか？

ここJSFiddleです：最初に5pxからhttps://jsfiddle.net/qjog7tvu/

Answer 1

子の設定border-radiusとするとき、それは、ユーザーがによると、この

$(document).ready(function(){ 
    var headerHeight = $('header').height() 
    $('article[_v-e514def2]').scrollTop(headerHeight); 
    $('header').css('border-radius','3px'); 
}) 

のようにjQueryを使って3pxするヘッダ変更ボーダー半径までスクロールした後にスクロールを開始私が知っているのは、親の境界半径が5px、子供が3pxである場合のように、2px空間がそこにあるのは当然です。