Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
0 / 0 / 0
Регистрация: 19.07.2019
Сообщений: 4

Залипание блока div в html далее содержимого блока

12.08.2019, 16:00. Показов 2872. Ответов 4
Метки css, html (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите пожалуйста, несколько дней не могу найти. Нужно div прилепить к верху после прокрутки страницы, о чтобы он был там приклеен до самого конца лендинга. А то пока он прилипает пока граница родительского элемента не достигнет верха. Далее отлипает и уходи с экрана.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="primer">
        <div class="container">
                <div>
                    <h2 class="stick">Этот блок не прилипнет</h2>
                </div>
            <br>
        <br>
        
            <div style="height: 400px">
                <div class="prl">
                    <h2 class="stick">Этот блок прилипнет</h2>
                </div>
            </div>
        </div>
    </div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.primer {
    border: 2px solid #fff;
}
  .prl {
    position: sticky;
    top: 100px;
    
  }
 
 
  .stick {
 
    display: block;
    text-align: center;
    margin: 0 auto;
    background: grey;
  }
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
12.08.2019, 16:00
Ответы с готовыми решениями:

Выравнивание содержимого div блока
Добрый день!!! Уже второй день мучаюсь с выравниванием содержимого div блока по центру, вроде все попробовал но нужного результата не...

Выравнивание содержимого блока div
Подскажите как выровнять содержимое блока div (в моем случае это картинки ) по центру

Плавающая ширина блока div в зависимости от содержимого
Здравствуйте, помогите красиво решить задачу, которая прикреплена к вложению Моё решение ниже: &lt;!DOCTYPE html&gt; &lt;html&gt; ...

4
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3949 / 2056 / 829
Регистрация: 13.03.2010
Сообщений: 6,765
13.08.2019, 09:02
position: fixed
0
0 / 0 / 0
Регистрация: 19.07.2019
Сообщений: 4
13.08.2019, 18:58  [ТС]
можно подробнее? куда поставить position: fixed; ?

Подскажите. Спасибо
0
 Аватар для galawar
154 / 123 / 90
Регистрация: 09.04.2018
Сообщений: 351
13.08.2019, 19:41
CSS
1
2
3
4
.prl {
  position: fixed;
  top: 100px;
}
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3949 / 2056 / 829
Регистрация: 13.03.2010
Сообщений: 6,765
13.08.2019, 19:42
koskv, заменить sticky на fixed.
CSS
1
2
3
.prl {
    position: fixed;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.08.2019, 19:42
Помогаю со студенческими работами здесь

Прокрутка содержимого блока DIV в Internet Explorer
Люди спасите! 2-й день бьюсь над безобразием IE. В Crome окно блока DIV при переполнении приобретает полосу прокрутки, и можно...

Перенос <td> блока на новую строк и на другую страницу HTML при добавлении в начале нового td блока
Добрый день. Вот ссылка: http://lib.ltsu.org/ru/vistavki/index_t.html При добавлении новой новости, на 1 строке будет их 4, а нужно...

Размещение нескольких блоков div внутри другого блока div
Хочу сделать шапку веб-страницы. Прикреплю ниже небольшую схему того, как она будет выглядеть. Хочу текст разместить в левой части шапки с...

Как в div загружать страницы из другого блока div?
Здравствуйте. Кто сможет помочь мне в одном вопросе? Как можно загрузить по ссылке страницу из одного блока div в другой блок..то есть...

Как засунуть 4 блока div в другой div
Есть футер, надо в него засунуть 4 дива, 100% высоты, 3 из них 23% ширины, 4й 31%.... Почему то только 4й див видно слево, а другие нет....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru