Есть ли плагин Jquery для исправления содержимого при прокрутке?

Question

У меня есть простой сайт с тремя столбцами - слева, по центру и справа. Центральный столбец - это то место, куда идет основной текст, и обычно он намного длиннее, чем левый или правый контент.

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

Пример страницы здесь: http://www.flowmtb.com/morzine/

Очевидно, что если окно браузера короче левого или правого содержимого, они не должны перемещаться, иначе пользователь никогда не увидит то, что скрыто из виду!

Ура, Guy

Answer 1

Вам не нужен jQuery для этого. Проверьте position: fixed в CSS. Но вы можете использовать jQuery для определения размера окна браузера, поэтому вы можете установить position: absolute; если он слишком маленький.

Обновление : я создал пример страницы . Важный код такой:

function colfix(column) {
  if($(window).height() + 20 < $(column).height()) {
    $(column).css("position", "absolute");
  }else{
    $(column).css("position", "fixed");
  }
}

$(document).ready(function() {
  colfix("#two");
})

$(window).resize(function() {
  colfix("#two");
});