Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как доработать плавающий блок ?

Как доработать плавающий блок ?


     07.02.2015    Все вопросы » jQuery    3616

вопрос
Код очень хороший, но у меня не получается убрать несколько минусов!
1) При прокрутки стр. дергается и этим раздражает! Хотелось бы продвижение блока как в теге “position: fixed;”
2) При достижение подвала продолжает прокучивать (бесконечно). Хотелось бы при достижение подвала блок фиксировался и больше не двигался в низ!
Спасибо за внимание!




<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

<script type="text/javascript">
    $(function() {
        var offset = $("#fixed").offset();
        var topPadding = 7;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().animate({marginTop: 15});};});
    });
</script>



<div id="fixed">...</div>

Ответа пока нет


3 комментария

wzk
Юзер

wzk - 8 февраля 2015 00:27 -

Здравствуйте! Я сейчас с телефона и попробую помочь по первому пункту. Дергание блока попробуйте вылечить добавив в его стиль такую строку:
-webkit-transform: translateZ(0);

vitnet
PHP-developer

vitnet - 8 февраля 2015 01:33 -

Вот еще пример
$(function() {
    var box = $('#block'); // float-fixed block
    var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));

    $(window).scroll(function(){
        var windowpos = $(window).scrollTop();
        if( windowpos < top ) {
            box.css('position', 'static');
        } else {
            box.css('position', 'fixed');
            box.css('top', 0);
        }
    });
});

G-Force
Юзер

G-Force - 8 февраля 2015 18:31 -

vitnet, Спасибо!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 30.06.2014 cracken  jQuery
наверх