Висячий рекламный баннер на сайте

A
На сайте с 26.01.2011
Offline
85
616

Добрый день.

На нашем сайте хотим разместить рекламу с боку справа.

Но хотим, что при накручивание сайта (страницы) мышкой вниз реклама которая справа не двигалась и оставалась на своем видном месте несмотря на то что страницу на много двигаем вниз.

Primer http://goo.gl/XSm3Py

Спасибо

S3
На сайте с 29.03.2012
Offline
367
#1
acbirja:
Добрый день.

На нашем сайте хотим разместить рекламу с боку справа.
Но хотим, что при накручивание сайта (страницы) мышкой вниз реклама которая справа не двигалась и оставалась на своем видном месте несмотря на то что страницу на много двигаем вниз.

Primer http://goo.gl/XSm3Py
Спасибо

Русский не родной? самое простое - задать блоку с рекламой position:fixed в css, правильнее - простой скрипт на JS/jQuery

если разбираетесь и сможете допилить -


$.fn.stickyfloat = function(options, lockBottom) {
var $obj = this;
var parentPaddingTop = parseInt($obj.parent().css('padding-top'))+70;
var startOffset = $obj.parent().offset().top;
var opts = $.extend({ startOffset: startOffset, offsetY: parentPaddingTop, duration: 200, lockBottom:true }, options);

$obj.css({ position: 'absolute' });

if(opts.lockBottom){
var bottomPos = $obj.parent().height() - $obj.height() + parentPaddingTop;
if( bottomPos < 0 )
bottomPos = 0;
}

$(window).scroll(function () {
$obj.stop();

var pastStartOffset = $(document).scrollTop() > opts.startOffset;
var objFartherThanTopPos = $obj.offset().top > startOffset;
var objBiggerThanWindow = $obj.outerHeight() < $(window).height();

if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){
var newpos = ($(document).scrollTop() -startOffset +65 + opts.offsetY );
if ( newpos > bottomPos )
newpos = bottomPos;
if ( $(document).scrollTop() < opts.startOffset )
newpos = parentPaddingTop;

$obj.animate({ top: newpos }, opts.duration );
}
});
};

$('#sidebar').stickyfloat({ duration: 200 });

Сразу говорю - надо допиливать под конкретные нужды

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий