Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Плавающий блок
 
 автор: ols   (09.12.2013 в 18:26)   письмо автору
 
 

Всем привет. Вообщем нужно сделать так чтобы плавающий блок замирал над футером.
Поясню. Вот сам пример - http://urlid.ru/bg6r
Все было ок, но стоит уменьшить разрешение экрана, то картинка налягает на футер.
Вот сам код jquer
$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        var footer = $(".footer").offset().top;
    
        
        
        if (top < 300) {
            
            $("#feedback,#lg").css({top: '20px', position: 'relative'});
        }
        else {
            
            $("#feedback,#lg").css({top: '10px', position: 'fixed'});
        }
    });
});

#lg - это id блока(в частности картинки, которая плавает над напротив текста).

  Ответить  
 
 автор: confirm   (09.12.2013 в 21:31)   письмо автору
 
   для: ols   (09.12.2013 в 18:26)
 

Отслеживайте изменение размеров окна, соответственно пересчитывая необходимые значения.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования