Zurb Foundation. Прилипает прилипание к нижней части страницы вверху страницы при загрузке страницы - PullRequest
0 голосов
/ 23 октября 2018

У меня на сайте есть баннер с предупреждением о cookie-файлах, который я хочу показать пользователям, которые его еще не видели (проверьте наличие cookie-файлов cookie и, если нет, покажите баннер).Проблема заключается в том, что это используется для работы с функцией window.onload, однако в последнее время никогда не запускается window.onload.Если я использую document.ready, баннер мигает в верхней части экрана, прежде чем придерживаться нижней части, где он должен быть.

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

Существует ли функция обратного вызова Foundation, такая как foundation.ready, которую я могу использовать для вызова этой функции?

.container#cookieTin(data-sticky-container)
        .cookiebanner.is-hidden.sticky(in-view="$inview == false ? cookieAccept() : '' ", data-sticky='', data-stick-to="bottom", data-options="stickyOn: small;", data-margin-bottom="0", data-closable )
            .small-12.medium-6.columns
                strong !{ __("cookie.line_1")}
                br
                span !{ __("cookie.line_2")}
            .small-12.medium-6.columns
                a.cookieButton.button !{ __("cookie.line_3")}
                button.close-button.cookieButton(aria-label='Close alert', type='button', data-close)
                    span(aria-hidden='true') ×

JS:

function showCookieBanner() {
        $('.cookiebanner').removeClass("is-hidden");
    }

$(document).ready(function () {
        $(".cookieButton").click(function () {
            closePopup();
        });
        var closePopup = function () {
            $('.cookiebanner').css("display", "none");
            createCookie('cookieInformation', 'seen', '15');
            return false;
        }
        if (getCookie('cookieInformation') == null) {
            showCookieBanner();
        }
    });

Я пытался добавить класс .no-js безрезультатно, а также eventListeners.

...