Исправлен div в невидимой области страницы

Question

У меня есть элемент управления сеткой, который не показан полностью на странице, а внизу страницы у меня есть горизонтальная полоса прокрутки, чтобы вы могли видеть все столбцы сетки. Рядом с сеткой в ​​невидимой области у меня есть элементы управления сеткой, которые должны оставаться фиксированными, если высота сетки становится слишком большой, чтобы пользователи могли получить к ней доступ в любое время на этой странице.

Это примерно ситуация у меня есть на данный момент:

мне нужны средства управления, чтобы остаться на самой правой части страницы, а не на самой правой части окна просмотра. Это возможно или есть лучший способ сделать это?

EDIT:

<div style="display:flex;width:700px"> 
     <div style="height:1000px;width:1000px;background:red"></div> 
     <div style="height:150px;width:300px;background:yellow;"></div> 
    </div> 

Желтый квадрат нужно следовать за вами во время прокрутки по вертикали и должно быть показано только при прокрутке по горизонтали до конца красной площади.

Answer 1

Во-первых, убедитесь, что ваш контейнерный элемент имеет позиционирование, т. Е. Относительный, фиксированный, абсолютный и др. Затем используйте position: absolute; для ваших элементов управления.

Установите правильные и верхние смещения для правильного позиционирования и дайте вашей сетке достаточно margin-right: ;, чтобы держать ее (сетку div) совпадающей с элементами управления.

jsbin example

Это то, что вы стремитесь?