Скрипт плавающего баннера снизу посередине

J
На сайте с 06.07.2011
Offline
160
1008

Поделитесь пожалуйста скриптом плавающего баннера посередине снизу, как здесь: http://www.ebaumsworld.com/blogs/angelina-jolie-files-for-divorce-from-brad-pitt/85142045/

Сейчас не отображается баннер. Был снизу, плавающий, посередине 728x90 - с кнопкой закрыть.

Tortemon
На сайте с 09.07.2011
Offline
62
#1

Скрином поделитесь? Не нашел на веб-сайте ничего такого.

Веб и мобильная разработка [PHP, JS, Golang, Python, Java] (/ru/forum/998064)
J
На сайте с 06.07.2011
Offline
160
#2
Tortemon:
Скрином поделитесь? Не нашел на веб-сайте ничего такого.

Это баннер от adroll.com

Здесь тоже есть:

http://ppcorn.com/us/2016/04/09/the-top-10-oldest-animals-in-the-world/ - здесь вижу его

Samail
На сайте с 10.05.2007
Offline
361
#3

jano, там "плавание" через css сделано


.tynt-bottom-bar {
position: fixed;
bottom: -10000px;
left: 50%;
z-index: 2999999;
overflow: visible !important;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
<div class="tynt-bottom-bar" style="width: 728px;height: 90px;margin-left: -364px;bottom: 0px;"></div>
J
На сайте с 06.07.2011
Offline
160
#4
Samail:
jano, там "плавание" через css сделано

.tynt-bottom-bar {
position: fixed;
bottom: -10000px;
left: 50%;
z-index: 2999999;
overflow: visible !important;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
<div class="tynt-bottom-bar" style="width: 728px;height: 90px;margin-left: -364px;bottom: 0px;"></div>

Спасибо, а как кнопочку закрыть добавить?

Samail
На сайте с 10.05.2007
Offline
361
#5

Так например:

<div id="banner" class="tynt-bottom-bar" style="width: 728px;height: 90px;margin-left: -364px;bottom: 0px;"><a href="javascript:void(0)" onclick="document.getElementById('banner').innerHTML ='';">Закрыть</a></div>

Стиль только задать для неё нужно ...ну или стащить там-же.

okwell
На сайте с 12.07.2012
Offline
81
#6

Поделитесь пожалуйста также скриптом плавающего сайдбара, не то что position:fixed через css. А чтобы замирал над футером и при большой высоте сайдбара, содержимое сайдбара тоже прокручивался

Samail
На сайте с 10.05.2007
Offline
361
#7

Не очень понятно что нужно... Сайдбары тут поглядеть можно http://www.jqueryscript.net/tags.php?/Sidebar/

А если просто нужен баннер как предыдущий, только с полосой прокрутки, то это тоже css


{
height: 90px;
overflow-x: hidden;
overflow-y: scroll;
}
okwell
На сайте с 12.07.2012
Offline
81
#8

Samail, Нет, видимо я неправильно объяснил. Вот пример https://www.native-english.ru/grammar

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий