2010-01-15 5 views
0

У меня есть простой сайт с тремя колонками - влево, в центре и вправо. В центральном столбце находится основное текстовое содержимое и обычно намного длиннее левого или правого содержимого.Есть ли плагин Jquery для исправления контента при прокрутке?

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

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

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

Приветствия, Guy

ответ

2

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

Обновление: Я сделал example page. Важный код заключается в следующем:

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"); 
}); 
+0

+1 за что, а вот хак, чтобы заставить его работать на IE6: http://www.howtocreate.co.uk/fixedPosition.html (Altho автор называет это " counter performance ') –

+0

Я предполагаю, что я искал плагин для выполнения тяжелой работы - должен ли он прокручиваться, прокручивать красиво (анимация) и т. д. и т. д. Я могу написать что-то для работы, но не хотел заново изобретать колесо! –

+1

Лично я считаю, что эти «приятные элементы прокрутки» просто раздражают, когда они украдут фокус с того, что важно на странице. –

Смежные вопросы