Как к всплывающиму блоку добавить куки?

Question

[Aleksander911]

Доброго дня всем!
Имеется всплывающий блок во время скрола страницы тут. Подскажите, как сделать так, чтобы он работал с куки, т.е. если пользователь нажал на кнопку "Закрыть", то при следующей загрузке страницы, блок не открывался и была видна только кнопка?

Answer 1

[Archakov Dennis]

Юзайте $.cookie.

При клике, делайте: $.cookie("show_banner", 'false');

А в условии, добавить еще на проверку кук.

if (hBody / 2 < top + (screen.height/2) && $.cookie('show_banner')!='false' )

Comments

[Aleksander911]

Спасибо большое! А не подскажите как сделать так, чтобы отображалась кнопка "Подписка" после перезагрузки? А то ничего не отображается...

[Archakov Dennis]

Aleksander911: Вы для класса .buttonreklam сделал display: none

[Archakov Dennis]

Для центрирования элемента, делайте лучше так:

.buttonreklam {
  display: block;
  position: fixed;
  left: 50%;
  bottom: -14px;
  transform: translate(-50%, -50%);
}

-14px - это elem.height/-2 (спустить кнопку, на половина размера элемента вниз)

[Aleksander911]

Im Archakov: если сделать display:block, то кнопка отображается в месте с панелью.

[Archakov Dennis]

Aleksander911: ну, так делайте, чтобы она была на заднем плане с помощью z-index или скрывайте ее, когда показываете панель.

[Aleksander911]

Спасибо! Я очень вам благодарен за помощь!

[Archakov Dennis]

Aleksander911: не за что