Откуда появился body-fixed?

Question

[Полина Титова]

Запускаю приложение через localhost. Всё работает как надо, все стили и весь код. Но решив прокрутить вниз, заметила, что бегунка справа нет. Что случилось? В коде не прописано убрать его. Нажав на f12, в структуре dom-дерева, в body есть класс body-fixed. Почему он есть, если я его не прописывала и как это исправить?

Answer 1

[Aetae]

Обычно этот подобный класс добавляют библиотеки всплывающих окон(модальных диалогов) при всплытии.
Если вы сами ничего не подключали - возможно виновата всплывающая реклама, просто сама по себе кривая или которую (не полностью) зарезал блокировщик.
Если сайт ваш и рекламы вы тоже не подключали - она могла пролезть от доброго провайдера, коли подключены любые внешние скрипты по http, или из вредоносного расширения в вашем браузере.

/убрал гадальный шар

Comments

[Полина Титова]

И как это можно исправить?

[Aetae]

Если убрать js, то проблема всё же осталась

Тогда убрать класс body-fixed с body в исходном коде. Если его там нет, значит таки вы убрали не все скрипты.
Посмотрите настоящий исходный код через ПКМ -> Исходный код странцы, а не f12, и найдите там все <script>.

[Полина Титова]

Я не могу убрать body-fixed, так как его нет

[Никита Михайлов]

Если открыть в любом другом браузере (или в режиме инкогнито, главное, чтобы без расширений), то будут изменения?

[Полина Титова]

Всё так же

[Павел Корнилов]

Полина Титова, магия... =)
Вы в разных браузерах смотрели? Переустанавливать без расширений пробовали?

[Полина Титова]

Да я проповала через хром и фаерфокс. А переустанавливать без расширений это как?

[Павел Корнилов]

Полина Титова, если обращаетесь ко мне, нужно тегать. Я случайно увидел ваш вопрос.
Дайте ссылку для начала, чтобы можно было глянуть.

[Полина Титова]

Павел Корнилов, https://github.com/poly-titova/typoteka - гитхаб, что бы запустить нужно ввести npm run start-front-server

[Полина Титова]

Павел Корнилов, если вы это имели ввиду

[Павел Корнилов]

Полина Титова, Нет, я имел в виду ссылку на сайт, где появился лишний класс.

[Полина Титова]

Павел Корнилов, сайт запускается локально

[Павел Корнилов]

Полина Титова, тогда увы. Фронт нужно смотреть лично.
Выложите на ремот, на поддомен.

[Сергей delphinpro]

Полина Титова, раз такая "магия" происходит, попробуйте "в лоб" — поиск по всем файлам проекта с вхождением данной строки. Включая вендорные пакеты.

[Сергей delphinpro]

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

[Aetae]

Полина Титова, посмотрел ваш код. У вас там подключается файл src\express\public\js\vendor.js в котором есть кусок кода вида:

...
var disableScrolling = function disableScrolling() {
  var scrollWidth = getScrollbarWidth();
  body.setAttribute("style", "padding-right: " + scrollWidth + "px;");
  body.classList.add("body-fixed");
};
...
disableScrolling();
...

Разбирайтесь с приложением до билда.

Answer 2

[Никита Михайлов]

Что за скрипты подключены? Если отключить JS, то проблема сохраняется?

Comments

[Полина Титова]

Если убрать js, то проблема всё же осталась