Как сделать постоянно висящую на экране кнопку?

Question

[squirtazzer]

Добрый день, нужно сделать постоянно висящую на экране кнопочку внизу экрана,типа как на сайтах -заказать звонок, но мне надо чтобы была всплывающая форма, типа "принять участие" ,форму я создал, как создать кнопку?подскажите пожалуйста плагин, или как сделать так чтобы кнопочка всегда была на экране?

Answer 1

[artyomunder]

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

Comments

[squirtazzer]

Добавляем в html код...а куда?)чтобы она внизу сайт везде была

[artyomunder]

squirtazzer, Вам нужно чтобы она все время за вами летала?

[squirtazzer]

artyomunder, нет просто висела снизу экрана.как допустим кнопка заказать звонок или написать нам кнопка чата.чтобы она всегда была.всплывающее окно я сделал надо чтобы кнопка всегда была на экране приклеена.просто кнопку могу сделать но чтобы она была закреплена всегда не знаю как

[artyomunder]

а, ну тогда
В любом месте
<div class="backform"></div>
в стили

.backform {
	width:50px;
	height:50px;
	background-color: crimson;
	border-radius: 50px;
	position: fixed;
	top:90vh;
	right:30px;
        z-index: 999;
}

[squirtazzer]

squirtazzer, спасибо большое)получилось)

[artyomunder]

squirtazzer, обращайтесь)

[squirtazzer]

artyomunder, https://nashvybor27.ru вот я сделал.а как сделать чтобы текст от кнопки отступал немного сверху.я написал маргин топ 5рх не помогло...

[squirtazzer]

artyomunder, и если совсем не будет наглостью как добавить кнопочку скрыть это дело?чтобы крестик и скрыть кому мешает?

[artyomunder]

squirtazzer, подключите библиотеку, если её нет
CSS:

.backform {
    width: 290px;
    height: 70px;
    background-color: #00a7eb;
    border-radius: 0px;
    position: fixed;
    top: 93vh;
    right: 80px;
    z-index: 999;
}
.backform-item {
	position: fixed;
  	top:90vh;
	right:30px;
	z-index: 999;
    text-align: center;
}

HTML

<div class="backform-item">
	<div class="backform">
		<a class="popmake-2884 pum-trigger" style="color: rgb(255, 255, 255); cursor: pointer;" href="#"><br>
Принять участие в выставке ярмарке</a>
	</div>
	<div id="clear_1" class="delete"/>x</div>
</div>

JS

$('.delete').click(function(){
    $(this).prev().remove();
    $(this).remove();
});