Меню при скроли меню закрывает телефоны

@Matroskin_Kot · Регистрация: 10.05.2016

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

Добрый день, подскажите мне надо сделать что бы меню при просмотре странице крипилась к верху экрана, я это сделал, но проблема в том что когда я подымаюсь вверх меню закрывает номера телефонов, вот код JS

JavaScript
1
2
3
4
5
6
7
8
9
10
11
 $(window).scroll(function(){
  var height = $('.header').innerHeight();
  var scroll = $(window).scrollTop();
 
  if (scroll >= height) {
   $('.navbar').addClass('fixed');
  } else {
   $('.navbar').removeClass('fixed');
  }
 
  });

Вот ссылка на сайт

Добавлено через 1 час 21 минуту
То есть меню должно становиться назад, а оно закрывает телефоны

@fol · 25.05.2017, 16:00

все потому, что нет элемента $('.navbar') на странице, а есть элемент $('navbar')
точка лишняя, в данном случае надо производить выборку по тегу, а не по классу

@Matroskin_Kot · 25.05.2017, 16:10 **[ТС]**

Исправил

JavaScript
1
2
3
4
5
6
7
8
9
10
11
  $(window).scroll(function(){
  var height = $('.header').innerHeight();
  var scroll = $(window).scrollTop();
 
  if (scroll >= height) {
   $('navbar').addClass('fixed');
  } else {
   $('navbar').removeClass('fixed');
  }
 
  });

вообще перестал скролиться

Добавлено через 3 минуты
Исправил

JavaScript
1
2
3
4
5
6
7
8
9
10
11
  $(window).scroll(function(){
  var height = $('.top-header').innerHeight();
  var scroll = $(window).scrollTop();
 
  if (scroll >= height) {
   $('.navbar').addClass('fixed');
  } else {
   $('.navbar').removeClass('fixed');
  }
 
  });

@fol · 25.05.2017, 17:04

я же написал выше: выборка по тегу должна быть $('header')

JavaScript
1
2
3
4
5
6
7
8
9
10
11
 $(window).scroll(function(){
  var height = $('header').innerHeight();
  var scroll = $(window).scrollTop();
 
  if (scroll >= height) {
   $('navbar').addClass('fixed');
  } else {
   $('navbar').removeClass('fixed');
  }
 
  });

@sad67man · 27.05.2017, 06:59

Matroskin_Kot, Вас сейчас окончательно запутают, то про navbar пишут, то про header) По сути, в данном случае вам нужно при фиксации вешать класс на body либо html, дополнительно обернуть в div все, кроме хэдера, который вы фиксируете, и для класса фиксирующего хэдер добавить этому контейнеру отступы таким образом, чтоб сайт не прыгал.

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	25.05.2017, 16:00
	все потому, что нет элемента `$('.navbar')` на странице, а есть элемент `$('navbar')` точка лишняя, в данном случае надо производить выборку по тегу, а не по классу 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,836
	27.05.2017, 06:59
	Matroskin_Kot, Вас сейчас окончательно запутают, то про navbar пишут, то про header) По сути, в данном случае вам нужно при фиксации вешать класс на body либо html, дополнительно обернуть в div все, кроме хэдера, который вы фиксируете, и для класса фиксирующего хэдер добавить этому контейнеру отступы таким образом, чтоб сайт не прыгал. 0