Ограничьте прокрутку области просмотра частью контента с помощью CSS ⇐ CSS

[Anonymous]

Мне нравится иметь строку элементов (например, встроенные блоки, возможно, в гибком контейнере), которые могут переполнять область просмотра. Однако первый и последний — фиктивные, считаются несодержащими и появляются только частично по краям области просмотра.
Предположим, у нас есть:

Код: Выделить всё

#container {
display: flex;
}

#container div {
margin: 100px;
min-width: 500px;
min-height: 500px;
background: grey;
}

#container div.dummy {
background: pink;
}

Код: Выделить всё

Element 1
Element 2
Element 3
Element 4
Element 5

Как ограничить прокрутку меньшей областью, например. например, обрезать 500 пикселей с каждой стороны, чтобы контейнер переполнил область просмотра, но без возможности прокрутки там? Возможно ли это с помощью простого и понятного CSS?

Подробнее здесь: https://stackoverflow.com/questions/784 ... t-with-css