Как я могу создать простой всплывающий чат-бокс, который прикрепляется к нижнему праву страницы с помощью jquery? Также как facebook или google. Я хочу, чтобы анимация исчезла вместо слайда. Мне просто нужно это всплыть, больше ничего.
.chat{
width:200px;
height:300px;
background:#000;
position:fixed;
bottom:0;
right:0;
}
.close{
position:absolute;
top:0;
right:0;
}
<div class="chat">
<div class="close">x</div>
some content
</div>
<a href="#" class="trigger">Click here</a>
fade in
и fade out
. Пример:
. $ ( '# Элемент') FadeIn();
То же самое с fadeOut();
О stick position
:
Вы можете сделать это с помощью CSS. Пример:
#element {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 100;
}