Позиционирование блока

@BOYVAS · Регистрация: 27.02.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Стоит задача позиционирования или прилипание блока при прокрутке.
Есть два блоки, которые по высоте не помещаются в экран компьютера. Допустим: при прокрутке вниз, низ нижнего блока прилипал к экрану внизу, ну и при прокрутке вверх верхний блок прилипал к верху экрана.
Возможно ли такое сделать и как?

@Galphimbl · 08.04.2013, 18:00

если я правильно понял то вот

HTML5
1
2
<div id="top">верхний блок</div>
<div id="bot">нижний блок</div>

CSS
1
2
#top {position:fixed; top:2px; left:2px;}
#bot {position:fixed; bottom:2px; left:2px;}

@BOYVAS · 08.04.2013, 18:15 **[ТС]**

Сообщение от Galphimbl

если я правильно понял то вот

Не то.
Надо яваскриптом это делать.
Вот что-то нашел, но пока не могу под себя переделать

JavaScript
1
2
3
4
5
6
7
8
9
10
11
var $window = $(window),
$navigation = $("#sidebar-L");
 
$window.scroll(function() {
    if (!$navigation.hasClass("fixed") && ($window.scrollTop() > $navigation.offset().top)) {
        $navigation.addClass("fixed").data("top", $navigation.offset().top); 
    }
    else if ($navigation.hasClass("fixed") && ($window.scrollTop() < $navigation.data("top"))) {
        $navigation.removeClass("fixed");
    }
});

09.04.2013, 18:33

Ребята, привет!

Решил написать в этой теме, так как вопрос схожий, я думаю.
Суть в том, что я сам ваяю сайт свой фирмы и возникла некоторая проблема с позиционированием скриптов. То есть при изменении границ браузера или его переводе в полноэкранный режим происходит сдвиг скрипта. Я сам дилетант в этом деле и решил прописать следующее:

HTML5
1
<div style= "margin:0;padding:0;position:absolute;left:980px;top:88px;"><script type="text/javascript" src="//cdn.dev.skype.com/uri/skype-uri.js"></script></div>

Думаю, полный код скрипта не нужен.
Подскажите, что не так делаю, плиз? Потому что все это нифига не решает проблему. Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@BOYVAS 1 / 1 / 0 Регистрация: 27.02.2013 Сообщений: 30

	Позиционирование блока 08.04.2013, 02:08. Показов 2000. Ответов 3 Метки нет (Все метки) Здравствуйте. Стоит задача позиционирования или прилипание блока при прокрутке. Есть два блоки, которые по высоте не помещаются в экран компьютера. Допустим: при прокрутке вниз, низ нижнего блока прилипал к экрану внизу, ну и при прокрутке вверх верхний блок прилипал к верху экрана. Возможно ли такое сделать и как? Миниатюры 0