Как сохранить видимость div, когда пользователь переходит на другую страницу?

Question

Итак, пользователь что-то щелкает, а затем с левой стороны выскакивает div.

Затем я сохраняю через cookie, является ли div "видимым" или "скрытым" в JavaScript.*

$('#click').click(function()
{
    save_cookie('div', 'visible');

    $('.class').animate({'margin-right': '-20px'});

    return false;
});

if(get_cookie('div') != null)
{
    if(get_cookie('div') == 'visible')
    {
        $('.class').css({'margin-right': '-20px'});
    }
    else
    {
        $('.class').css({'margin-right': '0px'});
    }
}

Итак, если пользователь решает перейти на другую страницу, я проверяю, должен ли я отображать div или нет.

И у меня проблема в том, что div«мигает» на секунду, когда пользователь переходит на другую страницу.И я знаю, что это связано с тем, что загрузка HTML, CSS и JavaScript занимает несколько секунд.

Но мне было интересно, есть ли лучший способ, как это сделать?Так что он не "мигает".

Кстати, я также пытался переместить JavaScript в head (снизу), но это также ничего не изменило.: /

Answer 1

Простым решением может быть применение display:none в css в качестве значения по умолчанию для div и его изменение соответственно с jQuery.

Answer 2

вы можете использовать iFrame, который является размером окна браузера для основной навигации, и выполнять наложение вне iFrame.

Answer 3

Вы близки к правильной методологии кода - хотя вы можете изменить ее, открыв страницу с видимым DIV, а затем оживив его втягивание.Это намекает пользователю на то, что может появиться что-то еще (ваш div), а также заставляет его загружаться правильно.

Answer 4

Ваш javascript внутри документа. Уже?Это не должно быть на самом деле, если вы хотите избежать мерцания.Я бы добавил его в голову только в своем собственном небольшом скрипте и использовал бы его для добавления класса в элемент html.Затем введите div, который будет отображаться при наличии этого класса.