Я работаю над веб-страницей, используя Bootstrap 4 и после исправления появления горизонтальной полосы прокрутки на мобильных устройствах, добавив overflow-x: скрытый в Тег html Я заметил, что главная y-полоса прокрутки выглядела странно и больше не нажималась в большинстве случаев (обычно ее можно нажимать левой кнопкой мыши, но теперь она не реагирует на нажатия. Однако она регистрирует нажатия для контента, который находится за полосой прокрутки!).
Это определенно не было так долго, но я не имею ни малейшего представления, что вызвало это изменение, так как я не трогал настройки z-index или полосы прокрутки. ..
Я использую Chrome, и она должна отображать стандартную полосу прокрутки без стилей, которая выглядит не так. Может кто-нибудь сказать мне, что случилось и как это исправить?!
Редактировать: Поскольку это происходит на всех страницах одинаково, ошибка должна быть где-то в основном шаблоне, и так как большая часть этого перезаписывается, это, скорее всего, в заголовок. Может быть, кто-то может заметить ошибку:
<!doctype html>
<html lang="en" style="overflow-x: hidden;">
<head>
{% load static %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{% static 'css/main.css' %}">
<link rel="icon" href="{% static 'bilder/icons/019-rocket.svg' %}">
<title>Online-Nachhilfe</title>
<style>
body {
margin:0;padding:0;
background-image: url({% static 'bilder/Rastergrafik.png' %});
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
overflow-x: hidden !important;
position:relative;
z-index:0;
min-height: 101vh;
text-align: center;
}
</style>
{% block head %}
{% endblock %}
</head>