|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
Нет наработок или кода, если нужно готовое решение - создайте тему в разделе Фриланс и оплатите работу. Название темы включает слова - "Помогите", "Нужна помощь", "Срочно", "Пожалуйста". Название темы слишком короткое или не отражает сути вашего вопроса. Тема исчерпала себя, помните, один вопрос - одна тема Прочитайте правила и заново правильно создайте тему. |
|
Опции темы | Поиск в этой теме |
06.11.2015, 15:27 | #1 |
Форумчанин
Регистрация: 11.02.2013
Сообщений: 155
|
[РЕШЕНО]: плавающий блок
Как сделать так, чтобы блок появлялся сразу после загрузки страницы, а не после прокрутки страницы.... Никак не получается это сделать
Код HTML:
<div class="floating"> <!--Тут содержимое блока--> </div> <style> .floating { background: #B3C1B6; color: #fff; font: normal normal 14px Tahoma; padding: 20px; width: 165px; /*указываем ширину*/ } .fixed { position: fixed; left: 1%; top: 1px; /*здесь указываем отступ сверху*/ z-index: 9999; /*устанавливаем блок поверх всех элементов на странице*/ } </style> <script> $(function(){ $(window).scroll(function() { var top = $(document).scrollTop(); if (top > -1) $('.floating').addClass('fixed'); //200 - это значение высоты прокрутки страницы для добавления класс else $('.floating').removeClass('fixed'); }); }); </script> Последний раз редактировалось Вадим Мошев; 10.11.2015 в 21:26. |
06.11.2015, 15:53 | #2 | |
Форумчанин
Регистрация: 08.11.2010
Сообщений: 593
|
Цитата:
Код:
|
|
06.11.2015, 16:00 | #3 | |
Форумчанин
Регистрация: 11.02.2013
Сообщений: 155
|
Цитата:
if (top > -1) - было 200 я сделал -1. Блок повялется и при исходном положении не пропадает. Но нужно сделать так, что бы он при загрузке страницы сразу появлялся, а не при проктуке вниз на 1 пиксель |
|
06.11.2015, 16:04 | #4 |
Форумчанин
Регистрация: 08.11.2010
Сообщений: 593
|
если сразу, то пропишите ему просто класс
Код:
|
06.11.2015, 19:05 | #5 |
Форумчанин
Регистрация: 11.02.2013
Сообщений: 155
|
Каким образом это сделать?
|
07.11.2015, 10:30 | #6 |
Старожил
Регистрация: 25.02.2007
Сообщений: 4,177
|
а тема то - к html _ css относится... и ни буквой к php
|
07.11.2015, 17:17 | #7 |
Форумчанин
Регистрация: 11.02.2013
Сообщений: 155
|
|
09.11.2015, 15:50 | #8 |
Форумчанин
Регистрация: 08.11.2010
Сообщений: 593
|
|
09.11.2015, 15:56 | #9 |
Старожил
Регистрация: 25.02.2007
Сообщений: 4,177
|
html и css не относятся ни к php, ни к другим серверным скриптам...
это средства разметки и отображения текста я просто подсказал модерам - мол неплохо бы в другую тему перенести |
10.11.2015, 12:13 | #10 |
Форумчанин
Регистрация: 11.02.2013
Сообщений: 155
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Плавающий круг | 3AHO3A_DK | Фриланс | 6 | 17.06.2015 16:26 |
Плавающий блок на jquery | Aleskandr | Помощь студентам | 0 | 19.03.2014 21:13 |
Плавающий слой | wcp | HTML и CSS | 6 | 04.10.2010 20:08 |
Плавающий ткст | bookkc | Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM | 2 | 15.09.2010 15:19 |