Хотите задолбать своих посетителей?
Слепил тут скрипт. Не сам, конечно, а используя мировой опыт: http://shpargalkablog.ru/2013/09/scroll-block.html .
Блок прилипает к верхнему краю браузера. Как, например, здесь. Подключается легко. Файл sticky_top_block.js ************** /*<script>*/ (function(){ // анонимная функция (function(){ })(), чтобы переменные "a" и "b" не стали глобальными var a = document.querySelector('#top_sticker_id'), b = null; // селектор блока, который нужно закрепить window.addEventListener('scroll', Ascroll, false); document.body.addEventListener('scroll', Ascroll, false); // если у html и body высота равна 100% function Ascroll() { if (b == null) { // добавить потомка-обёртку, чтобы убрать зависимость с соседями var Sa = getComputedStyle(a, ''), s = ''; for (var i = 0; i < Sa.length; i++) { // перечислить стили CSS, которые нужно скопировать с родителя if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) { s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; ' } } b = document.createElement('div'); // создать потомка b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;'; a.insertBefore(b, a.firstChild); // поместить потомка в цепляющийся блок var l = a.childNodes.length; for (var i = 1; i < l; i++) { // переместить во вновь созданного потомка всех остальных потомков плавающего блока (итого: создан потомок-обёртка) b.appendChild(a.childNodes[1]); } a.style.height = b.getBoundingClientRect().height + 'px'; // если под скользящим элементом есть другие блоки, можно своё значение a.style.padding = '0'; a.style.border = '0'; // если элементу присвоен padding или border } if (a.getBoundingClientRect().top <= 0) { // elem.getBoundingClientRect() возвращает в px координаты элемента относительно верхнего левого угла области просмотра окна браузера b.className = 'stick_to_top'; } else { b.className = ''; } window.addEventListener('resize', function() { a.children[0].style.width = getComputedStyle(a, '').width }, false); // если изменить размер окна браузера, измениться ширина элемента } })() /*</script>*/ ************** Расположен в a_lib/js_sticky/ Подключается: <div id="top_sticker_id" class="sticker_top_block"> Здесь код рекламы </div> <!-- Подключать скрипт блока необходимо ПОСЛЕ вывода блока. Иначе не работает --> <?php echo <<<HERE <script type="text/javascript" src="$cfg_site_root/a_lib/js_sticky/sticky_top_block.js" charset="windows-1251"></script> HERE; ?> Здесь $cfg_site_root - корень вашего сайта. У меня определяется в файле config: либо localhost, либо url. Вот не знаю, если Гуглорекламу таким образом подключить, Гуглобосс обидится? Скажите, если кто в курсе. А, ещё CSS забыл: /* Блок, прилипающий к верху страницы */ .sticker_top_block { background: rgba(255,255,255,0.8); max-width: 100%; } .stick_to_top { position: fixed; top: 0px; /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */ z-index: 101; } |
это всё устарело
надо вот так - http://warfiles.ru/show-125210-rossi...r-v-sakah.html заголовок, картинка. а до текста добраться надо скроллер вниз покрутить , а на нем аккурат баннер висит не промахнетесь. без мата не оставляю этот сайт как читать захожу. потому как 50% ошибаюсь и кликаю мимо прокрутки по баннеру |
Да не. Вы шутку юмора не допоняли.
На самом деле, я вовсе не хотел посетителей задолбать. Просто, если они, вдруг, забыли кликнуть по рекламе, нужно им предоставить такую возможность. :) А, вообще (ну, в случае, если деньги не нужны), можно в этом блоке меню разместить или ещё что... |
Цитата:
Цитата:
|
Цитата:
А, вообще, этот код мне больше нравится. Здесь реклама со средины страницы к верху прилипает. Слабо такое с CSS сделать? Нашёл по случаю (к теме отношения не имеет): http://bigspaceship.github.io/shine.js/ Красиво? Кто-нибудь работал с этим? Хочу рекламу таким шрифтом замутить. |
Цитата:
Код:
#reklamaleft { Цитата:
|
Ну, и что за хрень получилась (смотреть справа)
http://www.stroyoffis.ru/mds_metodic...80_15_2000.php Эту страницу можно читать? Реклама закрывает текст. Отпишитесь, как посмотрите. Нужно скорее удалить. Добавлено через 27 минут Да ну на. Отключил (у меня там люди). Захотите посмотреть - черкните, включу. |
Цитата:
|
Цитата:
|
Цитата:
Или сделайте поля по сторонам не менее ширины неподвижного блока и проблема опять будет решена. К слову сказать, Вам не кажется, что контент "Стройоффиса" следует расположить в блоке, шириной 900-1200 пикселей, а не растягивать по всему экрану? |
Часовой пояс GMT +3, время: 09:38. |
Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.