Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2013, 08:19
Новичок на форуме
Отправить личное сообщение для tihonan Посмотреть профиль Найти все сообщения от tihonan
 
Регистрация: 28.03.2013
Сообщений: 7

Отступ у блока с fixed в низу страницы
Дело вот в чем, есть div блок который прикручен к низу с position:fixed; bottom:0. При прокрутке он перемещается, но когда он достигает низа страницы, то заходит на подвал сайта(перекрывая там текст). Как сделать что бы этот блок при достижения низу страницы, отступал с низу на высоту подвала
Вот я тут попробовал(там пример был взят с отступом с верху), но что то не выходит, не смог его под низ переделать(в javascript я новичок)
http://jsfiddle.net/7drb4/
Ответить с цитированием
  #2 (permalink)  
Старый 29.03.2013, 09:22
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<!DOCTYPE html>
<style>
body {
    height:1500px;
}
#fixed {
    width:218px;
    height:57px;
    background:red;
    position:fixed;
    bottom:0;
    margin-left:200px;
}
</style>
<div id="fixed"></div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
(function(){
    var footerHeight = 100;

    $(window).scroll(function () {
        var bottomOffset = $(document).height() - $(window).scrollTop() - $(window).height();
        if (bottomOffset < footerHeight) {
            $("#fixed").css('bottom', footerHeight - bottomOffset);
        } else {
            $("#fixed").css('bottom', 0);
        }
    });
})();
</script>


Это черновой вариант. Требует оптимизации. Также возможно лучше использовать getBoundingClientRect футера.
Ответить с цитированием
  #3 (permalink)  
Старый 29.03.2013, 09:59
Новичок на форуме
Отправить личное сообщение для tihonan Посмотреть профиль Найти все сообщения от tihonan
 
Регистрация: 28.03.2013
Сообщений: 7

Спасибо добрый человек, встала как влитая
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прижимание блока при прокрутке страницы byFahrenheit Общие вопросы Javascript 2 14.01.2013 12:03
переделка fixed для блока Ultor Общие вопросы Javascript 0 12.01.2013 05:23
Определить высоту блока другой страницы Vladimir_Kl Javascript под браузер 12 07.07.2012 16:42
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 15:21
ненужное прокручивание блока с якорем в видимую область страницы мертвыеживотные Events/DOM/Window 4 24.11.2009 18:48