Вот наконец-то нашел, что искал на 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>
Вопрос что нужно сделать в этом скрипте, чтоб отменить эффект "плавного скольжения"? |
|
fixed тупо "пригвоздит" баннер в одном положении:nono: А надо именно, чтоб он фиксировался только при достижении верхней части экрана при прокрутки страницы вниз, и соответственно при прокрутке вверх, нужно убрать фиксацию, когда верхний контент приблизится к баннеру... В общем примерно как здесь http://www.siliconrus.com/. Вышеприведенный скрипт, как раз делает, то что мне нужно, вот только эффект плавности бы убрать... Сейчас у меня выглядет это так: http://chita.nashkray.net. Сам я в js не силен...
|
Анимацию убрал, вот код если кому интересно:
<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().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
}
else {
fixed.stop().css({marginTop: 0});
};});
});
</script>
Но тут появилась другая проблема. Во всех браузерах, кроме Firefox, баннер дергается при скроллинге, пока оставлю так... Но буду очень признателен если поможите избавится от этого "дергания"! |
Цитата:
|
| Часовой пояс GMT +3, время: 16:09. |