Сделать прокрутку div до тех пор, пока он не достигнет верха страницы, а затем исправить ⇐ CSS

[Anonymous]

перейдем сразу к делу:
Мой код выглядит следующим образом:







И мой CSS:
#keep_up {
position: fixed;
width: 13%;
}

#thread_menu{
height: 80vh;
width: 100%;
float: left;
position: relative;
}


Теперь я использую это для форума. и это в основном для того, чтобы показывать активные и новые темы сбоку экрана.
Однако. При просмотре темы заголовок исчезает (что имеет смысл, поскольку мы прокручиваем вниз).
но я хочу, чтобы меню темы оставалось на моей стороне (чтобы оно всегда было видно). В данном случае это происходит потому, что мой div Keep_up имеет позицию: фиксированную. Но я вижу только половину меню темы, потому что оно слишком длинное и не прокручивается вверх.
Мой вопрос:
Я хочу, чтобы меню цепочки прокручивалось вверх, пока не достигнет верха моего окна. С тех пор я хочу, чтобы он оставался там.
Как мне это сделать?
Я видел несколько примеров, но ни один из них мне не помог. .
РЕДАКТИРОВАТЬ: Код, который я пробовал:

$(window).scroll(function () {
var margin = null;
$(window).on("scroll", function () {

var scrollHeight = $(document).height(),
scrollTop = $(window).scrollTop(),
offsetBottom = 110, // Offset depending on the height of the footer
offsetTop = 100, // Offset depending on the height of the header
positionTop = $(".keep_up").offset().top,
affix;

if (margin != null && (scrollTop + margin = scrollHeight - offsetBottom) {
// The sidebar has reached the bottom
affix = 'bottom';
} else if (scrollTop

Подробнее здесь: https://stackoverflow.com/questions/395 ... then-fixed