Сделайте фиксированное пребывание div в определенный момент, когда прокрутка

Question

У меня есть div в html, который я хотел бы остановить, когда он достигнет определенной точки над дном, чтобы выровняться с другим элементом. Он исправлен, поэтому он будет прокручивать список информации, который у меня есть, но я хочу, чтобы он остановился, когда информация остановилась. Не знаю, имеет ли это смысл. У меня не очень много опыта работы с java или jquery, но я бы хотел, чтобы это было в jquery, если это возможно, поэтому мне не нужно ссылаться на внешний файл.

Answer 1

Это можно сделать с помощью jQuery. Как говорили другие, посмотрите на него, а также на Javascript.

Посмотрите на пример подхода, который я сделал здесь: https://jsfiddle.net/ej83w0k9/

.fixed-header { 
    background-color: #fff; 
    width: 100%; 
    position: absolute; 
    top: 100px; 
} 

/*the fixed snippet, triggered by js*/ 
.fixedPos{ 
    position: fixed; 
    left: 0; 
    right: 0; 
    width: 100%; 
    z-index: 100; 
    top: 0; 
} 

.fixed-header__nav li { 
    display: inline-block; 
    list-style-type: none; 
} 

JQuery здесь:

$(window).scroll(function() {  
var scroll = $(window).scrollTop(); 

if (scroll >= 100) { 
    $(".fixed-header").addClass("fixedPos"); 
} 
else{ 

    $(".fixed-header").removeClass("fixedPos"); 
} 
});