Я искал сеть, но не могу найти решение, чтобы работать.

Вот пример codepen:

http://codepen.io/anon/pen/Wxjjqp

.container {
  display: flex;
}

.horizontally-scrolled-items {
  display: flex;
  background: lightblue;
  overflow-x: scroll;
}
.item {
  width: 1000px;
  border: 1px solid blue;
}

HTML:

<div class="container">
  <div class="horizontally-scrolled-items">
    <div class="item">item1</div>
    <div class="item">item2</div>
    <div class="item">item3</div>
  </div>
  <div class="aside">
    <button>keep me on screen</button>
  </div>
</div>

Идея состоит в том, чтобы элементы с горизонтальной прокруткой были гибкими: 1. Если элементы больше ширины контейнера, их прокручивают, оставляя в стороне в представлении.