Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/22: Рейтинг темы: голосов - 22, средняя оценка - 4.91
Горе студент
 Аватар для fazanaka
38 / 38 / 1
Регистрация: 27.01.2010
Сообщений: 270

Плавающий блок, убрать задержку в перемещении

21.05.2011, 11:09. Показов 4296. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здавствуйте ! есть плавающий блок , вот пример кода - http://html-css.info/2010/06/j... ion-fixed/ вот демо - http://html-css.info/uploads/2... query.html, как убрать эту задержку в перемещении ?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.05.2011, 11:09
Ответы с готовыми решениями:

плавающий блок
Нашел такакую реализацию плавающего блока, но есть одна проблема блок появляться только крутанешь колесо на мыши. как сделать чтобы он...

плавающий блок
Ребят, может у кого-то справочный материал для написания скрипта. Требуется во время скроллинга зафиксировать блок в сайдбаре, и когда он...

Плавающий блок на JS
Объясните, что я делаю не так :/ Цель - чтобы блок "прилипал" когда пользователь начинает мотать страницу, но не заезжал на футер и...

4
наблюдатель
 Аватар для djvergon
28 / 17 / 5
Регистрация: 20.05.2011
Сообщений: 1,123
21.05.2011, 12:52
уберите анимацию перемещения и всё
0
Горе студент
 Аватар для fazanaka
38 / 38 / 1
Регистрация: 27.01.2010
Сообщений: 270
21.05.2011, 12:58  [ТС]
Цитата Сообщение от djvergon Посмотреть сообщение
уберите анимацию перемещения и всё
я не разбераюсь толком в JQ, что именно мне убрать ?
0
наблюдатель
 Аватар для djvergon
28 / 17 / 5
Регистрация: 20.05.2011
Сообщений: 1,123
21.05.2011, 13:23
Вместо
JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    $(function() {
        var offset = $("#fixed").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().animate({marginTop: 0});};});
    });
</script>
вставте:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    $(function() {
        var offset = $("#fixed").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().css({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().css({marginTop: 0});};});
    });
</script>
и будет вам без задержки но и без анимации
2
 Аватар для БлагоЯр
8 / 8 / 1
Регистрация: 28.05.2014
Сообщений: 96
21.09.2014, 20:10
Почему с этим (вышеуказанным) скриптом при прокрутке блок постепенно, чем больше прокручиваешь, тем больше уходит вниз за пределы видимости?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.09.2014, 20:10
Помогаю со студенческими работами здесь

Плавающий блок при скролинге
вот слева в сайдбаре есть блок &quot;топ 5&quot; как заставить его плавно двигаться при прокрутке? пробовал разные примеры из гугла, но ни один...

Ограничить плавающий блок якорных ссылок
Добрый день! Помогите пожалуйста решить вопрос: &lt;p&gt;По сути, стратегия позиционирования определяет рекламный макет. Маркетинговая...

Как сделать плавающий блок с определенной высоты
Как сделать плавающий блок, типа как на этом сайте справа от медиа-венуса? http://ablexur.ru/pervye-blyuda/sup-s-yajcom-i-vermishelyu/ ...

Как убрать секундную задержку при загрузке аналоговых часов?
Имеется вот такой код. При загрузке страницы стрелки стоят на 12 часов, через секунду устанавливаются на текущее время. Как убрать...

Заголовок и плавающий блок
Здравствуйте! &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot; /&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; h3 { background-color: aqua; } ...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru