0

Хочу сделать, чтобы при прокрутке, например на 100px сверху, блок #nav фиксировался, а точнее добавлялся класс .fixed. Ну и наоборот, если скролл меньше 100px сверху, до убираем класс.

Я вроде нашел решение, но оно не совсем то. Помогите плиз )

2 ответа 2

4

jQuery:

$(window).scroll(function() {
    var block_btn = $(".b_fix");
    var offset = block_btn.offset();
    if(offset.top <= 30){
        $("#nav").removeClass('nav_fixed');
    }
    else {
        $("#nav").addClass('nav_fixed');
    }
});

CSS:

.b_fix{
    height: 1px;
    background: transparent;
    position: fixed;
    top: 0;}

HTML:

<div class="b_fix"></div>

Обязательно добавить пустой блок на страницу.

Эх, люблю отвечать на свои же вопросы :)

4
  • А что таоке block_btn?
    – user22245
    29 июл 2014 в 13:45
  • аахах, смысл пустого блока, можно просто вверху сделать отступ побольше меньше мороки
    – LinuX_UseR
    29 июл 2014 в 19:20
  • сам задал сам и ответил, норм чё карму се подимает
    – LinuX_UseR
    29 июл 2014 в 19:25
  • 3
    @LinuX_UseR на карму я не мастурб... ну вы поняли. Нашел решение. Раз уж никто не ответил, то почему бы не помочь другим и не поделиться им, нежели закрывать или удалять вопрос?
    – acidernt
    29 июл 2014 в 21:42
2

Вот как-то так:

jQuery(window).scroll(function() { 
    var the_top = jQuery(document).scrollTop();
    if (the_top > 100) {
        jQuery('#nav').addClass('fixed');
    }
    else {
        jQuery('#nav').removeClass('fixed');
    }
});
1
  • а как быть чтобы сохранить fixed блок при обновлении страницы? потому что в коде выше блок становится фиксированным, только когда произошло событие скролла 29 янв 2019 в 18:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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