Как скрыть радиус границы родителя, у которого есть переполнение, установленное для прокрутки?

Question

Родитель имеет border-radius от 5px. Дети (верхняя черная часть) имеют border-radius от 3px. Это сделало границу родителя должны быть охвачено детским

Однако, мне нужно, чтобы включить го пользователя, чтобы просмотреть содержание родителя, но для этого я должен был установить родитель overflow: scroll

Но это сделано границы родителя, чтобы показать снова (белые вверху слева):

Как дает возможность прокрутку и спрятались радиус границы родителя в то же время?

Вот JSFiddle: https://jsfiddle.net/qjog7tvu/

Answer 1

Набор border-radius ребенка к 5px первоначально и когда пользователь начинает прокрутку после прокрутки до изменения заголовка границы радиуса, чтобы 3px с JQuery, как этот

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

По мои знания это единственное решение, как если бы был 5px граничный радиус родителя и 3px ребенка, тогда естественно, что пространство 2px будет там, так что лучше всего вы сможете это изменить динамически.