Создать зафиксированный div, плавающий при прокрутке страницы, можно при помощи JQuery. Код приведен ниже:
<script type='text/javascript'>
$(function() {
var fixed = $("#left_fixed_div");
var offset = fixed.offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
fixed.stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
}
else {
fixed.stop().animate({marginTop: 0});
};});
});
</script>
Обратите внимание. Плавающие блоки можно использовать для показа рекламы только тогда, когда это не раздражает посетителя.
Помимо того, что это может отвлечь пользователя и не дать ему нормально читать материал, это еще и может быть прямо запрещено условиями рекламных программ. Установив рекламу в плавающем блоке вы рискуете не получить совсем никаких денег и остаться без аккаунта в системе.