Как сделать div фиксированным при прокрутке

-3

Есть ли способ использования JQuery, который я могу обнаружить, когда div начинает с экрана, и измените его CSS, чтобы его положение изменилось на фиксированное и застряло в нижней части окна?Как сделать div фиксированным при прокрутке

источник

2012-04-05 Neil

Обеспечить и SSCCE пожалуйста? – lzdt

'position: fixed; bottom: 10px;' in 'css' с помощью' jQuery' поможет вам – NewUser

Голосование, чтобы закрыть, чтобы не предоставлять никакого кода или каких-либо исследований. – Sparky

Я думаю, что вы ищете липкие элементы в JQuery с путевыми точками, если я правильно. Посмотрите на эту страницу: JQuery Waypoints

источник

2012-04-05 15:41:52

Overkill для такой простой функции. См. Два предыдущих ответа. – Sparky

Я отправлял ответ перед тем, как появились два других вопроса. Я решил показать некоторую информацию об опционе, а не просто давать код, более полезный, но спасибо за предложение. –

Публикация ссылки вместо полного, автономного решения является наименее желательным видом ответа на SO. – Sparky

CSS

.div-fixed { 
    position: fixed; 
    bottom: 10px; 
    right: 10px; 
}

if ($('#mydiv').offset().top() + $('#mydiv').height() > $(document).height()) { 
    $('#mydiv').addClass('div-fixed'); 
}

источник

2012-04-05 15:36:34 Brendan

Я хочу сделать это через JQuery. Так что это dyanmic – Neil

проверить ревизию. – Brendan

Вот jsFiddle demo я использовал раньше.

JQuery:

var stickerTop = parseInt($('#sticker').offset().top); 
$(window).scroll(function() { 
    $("#sticker").css((parseInt($(window).scrollTop()) + parseInt($("#sticker").css('margin-top')) > stickerTop) ? { 
     position: 'fixed', 
     top: '0px' 
    } : { 
     position: 'relative' 
    }); 
});

источник

2012-04-05 15:39:21 j08691

var backup_position_toolbar = $('#toolbar').offset().top; 
$(window).scroll(function() { 
    if ($('#toolbar').offset().top - $(window).scrollTop() < 0) $('#toolbar').addClass('fixed'); 
    if ($(window).scrollTop() < backup_position_toolbar) $('#toolbar').removeClass('fixed'); 
});

CSS

.fixed { 
    margin: 1px; 
    position: fixed; 
    top: 0; 
}

источник

2012-06-21 15:53:44

Как сделать div фиксированным при прокрутке

ответ

Смежные вопросы