Подвал скачет при прокрутке

@Noobichek · Регистрация: 19.07.2016

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

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

А когда на странице вставка гугл.мап - так чуть ли не до половины экрана выползает и потом опять улетает на свое место.
Чем лечить?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
*{margin:0;}
#podval {
    position: fixed;
    bottom:0%;
    left: 10%;  
    width: 80%;
    height:30px;
    background: linear-gradient(to top, #C0C0C0, #ffffff);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    text-align: center;
    font: 80%   Courier New;
    box-shadow:   3px 0px 13px 4px black;
    color:blue;
}

HTML5
1
2
3
<div id="podval">
      <p>Podval</p>
</div>

@evgeniyd · 28.07.2016, 16:31

Здравствуйте. У меня конкретно с этим кусом кода подвал не скачет в IE. Может весь код скинете или архивом?

@Noobichek · 28.07.2016, 17:39 **[ТС]**

Вырвал одну страницу. Старт в папке content

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

@evgeniyd · 28.07.2016, 18:03

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

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

К сожалению, пока не знаю почему. У меня не "подпрыгивает"

@Fedor92 · 28.07.2016, 18:46

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

@Noobichek · 28.07.2016, 18:59 **[ТС]**

Fedor92 , а что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав?

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

Добавлено через 4 минуты
http://www.promotex.fi/test1/content/history.html

Залил. Подвал скачет при прокрутке содержимого сайта колесиком мышки в IE 11 при виндовз 10
Не могу сам понять почему. Chrome смотрит нормально.

@Fedor92 · 28.07.2016, 19:44

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

А что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав?

Чтобы проблему могли разглядеть те кто её ещё не увидел...

Это же логично...
Вот тут я пофиксил код немного:

Вложение 721429

Не используйте в коде <br> - это зло...

@Noobichek · 28.07.2016, 20:07 **[ТС]**

Fedor92, спс. Теперь мне разбираться что и за чем как раз на вечер

)

Что касается бр.
Почему бр зло? Кроме красоты и правильности и всего такого?

@Fedor92 · 28.07.2016, 20:09

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

Почему бр зло? Кроме красоты и правильности и всего такого?

Это плохо для СЕО... <br> используется в редких случаях когда есть острая необходимость в его использовании, лучше используйте свойство line-height...

@Noobichek · 28.07.2016, 21:03 **[ТС]**

Вот зачем так издеваться над новичком??!!

)

Все это время я сидел и разбирался. А ларчик то на поверхности! У меня не в том месте был закрыл див.

P.S.
А ты див вообще не закрыл. Проверь

Добавлено через 17 секунд
P.s.s.

про бр понял. исправлю.

@Fedor92 · 28.07.2016, 21:12

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

Вот зачем так издеваться над новичком??!! )

Для того, чтобы новичок понимал, что код надо писать аккуратно, а в особенности указывать вложенность элементов на случай если появится баг - мог его быстро найти и исправить... Это сегодняшний урок...

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

А ты див вообще не закрыл. Проверь

Бгг...

Ну хоть один незакрытый нашёл уже хлеб...

Новые блоги и статьи Все статьи Все блоги /
YAFU@home — распределённые вычисления для математики. На CPU Programma_Boinc 20.01.2026 YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. 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. Программа предоставляет более. . .

@evgeniyd 29 / 29 / 11 Регистрация: 10.05.2016 Сообщений: 111
	28.07.2016, 16:31
	Здравствуйте. У меня конкретно с этим кусом кода подвал не скачет в IE. Может весь код скинете или архивом? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	28.07.2016, 18:46
	Noobichek, а не проще выложить сайт на хостинг и дать нам ссылку на него, чтобы посмотреть? Так будет намного проще разобраться в проблеме... 0

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 18:59 [ТС]
	Fedor92 , а что это изменит? Я скинул сразу код в архиве. Так по всякому более доступно. Можно сразу открывать и смотреть. Или я не прав? И вопрос - чем помешало видео? Она только по ссылке, без рекламы, с эккаунта не занимающегося видео. Не не, ни коим образом не спорю - нельзя значит нельзя. Добавлено через 4 минуты http://www.promotex.fi/test1/content/history.html Залил. Подвал скачет при прокрутке содержимого сайта колесиком мышки в IE 11 при виндовз 10 Не могу сам понять почему. Chrome смотрит нормально. 0

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 20:07 [ТС]
	Fedor92, спс. Теперь мне разбираться что и за чем как раз на вечер ) Что касается бр. Почему бр зло? Кроме красоты и правильности и всего такого? 0

@Noobichek 0 / 0 / 0 Регистрация: 19.07.2016 Сообщений: 50
	28.07.2016, 21:03 [ТС]
	Вот зачем так издеваться над новичком??!! ) Все это время я сидел и разбирался. А ларчик то на поверхности! У меня не в том месте был закрыл див. P.S. А ты див вообще не закрыл. Проверь Добавлено через 17 секунд P.s.s. про бр понял. исправлю. 0

Подвал скачет при прокрутке

Решение