Неправильное поведение на Bootstrap 3 Affix - PullRequest
0 голосов
/ 19 июня 2019

Я хочу добавить на свой сайт функцию Bootstrap 3 Affix для нижних навигационных ссылок.Эти ссылки зафиксированы внизу и добавлены смещения для нижнего колонтитула.Но когда я прокручиваю до нижнего колонтитула, я вижу, что навигация совершает небольшой «прыжок».

Все работают по мере необходимости, даже если я переключаюсь на мобильную панель в Google Chrome.Но исключая настоящие мобильные устройства.В любом случае, я попробовал на трех устройствах Android.

Я добавил ссылку на короткое видео с экрана телефона для уточнения: https://imgur.com/a/lcBASRD.

Пожалуйста, смотрите в нижней частиэкран.

CSS:

#nav_affix {
    left: 50%;
    margin-left: -70px;
    width: 140px;
    z-index: 99999;
}
.affix {
    position: fixed;
    bottom: 0;
}

#nav_affix.affix-bottom {
    position: absolute;
}
#nav_affix div.next {
    float: right;
}
#nav_affix div.prev {
    float: left;
}

#nav_affix div.next,
#nav_affix div.prev {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

JS:

$('#nav_affix').affix({
    offset: {
        bottom: $('.footer_wrap').outerHeight(true)
    }
});

Есть идеи?Спасибо за любой ответ.

Best.

...