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

Перемещение блока при скроллинге

15.03.2012, 10:28. Показов 3592. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите можно ли на чистом css осуществить перемещение блока при скролинге как на 9gag.com, то есть блок находится где-нибудь внизу или на середине страницы, но как только верх окна браузера доходит до данного блока он начинает перемещаться, ну и соответственно заканчивет перемещаться при достижении нижней границы "контейнера"
Вот ещё аналогичный пример: http://www.ntvplus.ru/channels/
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.03.2012, 10:28
Ответы с готовыми решениями:

Фиксация блока при скроллинге
Как мне добиться такого результата? Есть 2 блока. Первый выше, другой короче. Теперь когда я скроллю вниз то второй блок фиксируется,...

box-shadow, в Opere при скроллинге пропадает тень от блока и др
1. Для блока сделал тень вокруг(box-shadow: -10px 0 25px 20px #616161; ). В опере при скроллинге тень пропадает(см. opera.png), в остальных...

Перемещение блока при наведении курсора на соседний блок
Нужно чтоб Второй блок(id block_two) выезжал справа налево закрывая собой Первый блок(id block_one ),при наведении мышки на Первый блок. ...

5
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
15.03.2012, 10:32
На чистом css - нет
0
0 / 0 / 0
Регистрация: 02.11.2011
Сообщений: 9
15.03.2012, 10:43  [ТС]
А как можно реализовать?
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
15.03.2012, 11:06
jquery waypoints
2
0 / 0 / 0
Регистрация: 02.11.2011
Сообщений: 9
15.03.2012, 11:30  [ТС]
Heleg, то что нужно, но я так понимаю там 4 примера использования различных функций, мне нужна только Sticky Elements, а код общий для всех 4-х, может я конечно чего-то не понял?
Вобщем скачиваю архив, в папке examples находится файл js - modernizr.custom.js и есть файл css в папке sticky-elements их и нужно на сервер закинуть?
0
 Аватар для Heleg
209 / 209 / 6
Регистрация: 23.10.2011
Сообщений: 971
15.03.2012, 13:12
честно говоря, самому не приходилось использовать. могу точно сказать только то, что нужно подключить библиотеку jQuery и файл waypoints.min.js. дальше читай документацию, не должно быть очень сложно

Добавлено через 2 минуты
хотя и с waypoints.min.js тоже хз
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.03.2012, 13:12
Помогаю со студенческими работами здесь

Перемещение блока
Всем здравствуйте,помогите, мне нужно блок "3" переместить в с права от "1и2", <!DOCTYPE html> <html...

Адаптивное перемещение блока
Доброго времени суток, уважаемые форумчане. Сделал сайт на Wordpress, это мой первый любительский опыт, потому экспериментирую....

Перемещение fixed блока с ограничением
Страница поделена на 2 части. В правой части <div> с position: fixed; Соответственно при прокручивание страницы, фиксированный блок...

Позиционирование элементов при скроллинге
На странице есть контейнер со скроллингом, в котором много ссылок, как эти ссылки сдвинуть вверх на определённое значение (position:...

Появление объекта при скроллинге страницы
Здравствуйте, у меня такой вопрос: как сделать появление объекта (фото 200px x 200px) с помощью скроллинга страницы в низ с парового...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru