У меня есть сайт http://хорошие-туры.рф/. На нем, как вы видите, установлена simpleForm2. Но вместе с прокруткой экрана и она "уходит". А мне нужно, чтобы, даже если пользователь прокручивает экран, форма оставалась неподвижной и всегда была на глазах.
{form}
<p>{element label="Телефон" class="form-field" type="text" required="required" error="Введите номер телефона" /}</p>
<p>{element label="Ваше имя и сообщение" class="form-field" type="textarea" required="required" error="Введите ваше имя и сообщение" /}</p>
{element type="captcha" class="inputtext" width="50" height="50" label="Проверочный код" /}</p>
<p class="submit-container">{element value="Отправить заявку" class="form-button" type="submit" /}</p>
{/form}
<style type="text/css">.simpleForm { border: 1px solid #5870e8; background: #a1d8fc; background: -webkit-gradient(linear, left top, left bottom, from(#99b1fa), to(#a1d8fc)); background: -webkit-linear-gradient(top, #99b1fa, #a1d8fc); background: -moz-linear-gradient(top, #99b1fa, #a1d8fc); background: -ms-linear-gradient(top, #99b1fa, #a1d8fc); background: -o-linear-gradient(top, #99b1fa, #a1d8fc); background-image: -ms-linear-gradient(top, #99b1fa 0%, #a1d8fc 100%); -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0; font-family: 'Helvetica Neue',Helvetica,sans-serif; text-decoration: none; vertical-align: middle; padding:20px;} .form-field { border: 1px solid #8cabfa; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #33312e; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:5px; width:90%;} textarea.form-field{height:80px;}.form-field:focus { background: #fff; color: #45423e;} .simpleForm label { margin-bottom:5px; display:block; font-weight:bold; color: #4d4c4b; text-shadow: #fdf2e4 0 1px 0;} .simpleForm p{margin:0 0 20px;}.simpleForm p.submit-container { margin:0; text-align:right;} .form-button { border: 1px solid #447314; background: #6aa436; background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436)); background: -webkit-linear-gradient(top, #8dc059, #6aa436); background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436); background: -o-linear-gradient(top, #8dc059, #6aa436); background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #addc7e 0 1px 0; color: #31540c; font-family: helvetica, serif; padding: 8.5px 18px; font-size: 14px; text-decoration: none; vertical-align: middle; cursor:pointer;} .form-button:hover { border: 1px solid #447314; text-shadow: #31540c 0 1px 0; background: #6aa436; background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436)); background: -webkit-linear-gradient(top, #8dc059, #6aa436); background: -moz-linear-gradient(top, #8dc059, #6aa436); background: -ms-linear-gradient(top, #8dc059, #6aa436); background: -o-linear-gradient(top, #8dc059, #6aa436); background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%); color: #fff;} .form-button:active { text-shadow: #31540c 0 1px 0; border: 1px solid #447314; background: #8dc059; background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436)); background: -webkit-linear-gradient(top, #6aa436, #8dc059); background: -moz-linear-gradient(top, #6aa436, #8dc059); background: -ms-linear-gradient(top, #6aa436, #8dc059); background: -o-linear-gradient(top, #6aa436, #8dc059); background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%); color: #fff;} </style>