Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Боковой баннер в постоянном поле зрения (https://javascript.ru/forum/dom-window/34850-bokovojj-banner-v-postoyannom-pole-zreniya.html)

Freezoff 05.06.2013 19:08

Вот наконец-то нашел, что искал на 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>

Вопрос что нужно сделать в этом скрипте, чтоб отменить эффект "плавного скольжения"?

dmitriymar 05.06.2013 20:04

http://htmlbook.ru/css/position

fixed

и скрипт не нужен

Freezoff 05.06.2013 20:26

fixed тупо "пригвоздит" баннер в одном положении:nono: А надо именно, чтоб он фиксировался только при достижении верхней части экрана при прокрутки страницы вниз, и соответственно при прокрутке вверх, нужно убрать фиксацию, когда верхний контент приблизится к баннеру... В общем примерно как здесь http://www.siliconrus.com/. Вышеприведенный скрипт, как раз делает, то что мне нужно, вот только эффект плавности бы убрать... Сейчас у меня выглядет это так: http://chita.nashkray.net. Сам я в js не силен...

Freezoff 06.06.2013 10:56

Анимацию убрал, вот код если кому интересно:
<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, баннер дергается при скроллинге, пока оставлю так... Но буду очень признателен если поможите избавится от этого "дергания"!

рони 07.06.2013 01:40

Цитата:

Сообщение от Freezoff
избавится от этого "дергания"!

при скроллинге событие повторяется много раз


Часовой пояс GMT +3, время: 01:48.