Как можно организовать вертикальный скролл в контейнере body и горизонтальный скролл в контейнере wrapper, чтобы горизонтальный скролл в body не появлялся автоматически, и при скрытии горизонтального скролла в body не обрезался, а скролл в родителе продолжал работать? Вот пример структуры кода:
```html
<div class='wrapper'>
<div class='header'>{...}</div>
<div class='body'>{...}</div>
</div>
```
Ссылка на песочницу: [здесь](https://jsfiddle.net/feechka_patrick/x43eam5o/3/)
Для реализации горизонтальной прокрутки внутри родительского контейнера без удаления вертикальной прокрутки можно использовать CSS свойство `overflow-x: auto;`.
Чтобы организовать вертикальный скролл в контейнере `body` и горизонтальный скролл в контейнере `wrapper` без появления автоматического горизонтального скролла в `body`, можно установить `overflow-x: hidden;` для `body` и `overflow-x: auto;` для `wrapper`.
Также необходимо сделать `wrapper` позиционированным относительно `body`, чтобы горизонтальный скролл в `body` не обрезался при скрытии и можно было продолжать скроллить внутри `wrapper`.
Пример CSS стилей для данной структуры кода:
```css
body {
overflow-x: hidden;
overflow-y: scroll;
}
.wrapper {
overflow-x: auto;
overflow-y: hidden;
position: relative;
white-space: nowrap; /* Для горизонтального размещения элементов в строку */
}
```
Пример описанных стилей можно увидеть в обновленной песочнице: [здесь](https://jsfiddle.net/feechka_patrick/2ng70m8v/1/)
так?