0

Подскажите, как создать появляющийся блок как в контакте, когда прокручиваешь страницу вниз alt text

Обязательно ли знать php чтоб создать такой эфект или этого можно добиться с помощью css?

2
  • css+javascript.
    – KaZaца
    Commented 30 дек. 2012 в 7:11
  • php вообще здесь ненужен
    – kandi
    Commented 30 дек. 2012 в 8:37

3 ответа 3

3

Вот еще один вариант. Отличие от версий @Vfvtnjd в том, что на ВК, при клике "вниз", документ не прокручивается в самый низ документа, а мы попадаем в то место, до которого успели проскроллить и кликнуть "вверх".

P.S. Анимации на ВК я тоже не заметил, поэтому и в своем примере не стал ее тулить, хотя, если есть желание, то можно и это соорудить.

1
  • Xорошего должно быть много. + Плюсую. :)
    – Vfvtnjd
    Commented 30 дек. 2012 в 8:35
3

Читайте про якоря. Данный эффект можно сделать при помощи javascript. Идет определение высоты прокручиваемой области(scrollTop) и идет смена видимости области с display:none на display:block. ПХП знать не нужно,для достижения подобного эффекта.

2

Слова @koza4ok в действий : ))))

var div = $('ваш область');
    var start = $(div).offset().top;

    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop();
        if (p>start) {
                      $('блок_для_подсказки').css('display','block');
                     } 
           else $('блок_для_подсказки').css('display','none');

});

Live Preview

UPD

Добавил и функцию "наверх"

Обновленная ссылка

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.