Базовый CSS, перекрывающий переполнение: скрытый; имущество

Question

У меня загружается следующий класс CSS для всего моего сайта:

html, body {
  // no scrollbars before iframe resize
  overflow: hidden;
}

Как мне переопределить это, чтобы переполнение было видно на определенной HTML-странице?

Answer 1

Для страниц, которые вы не хотите, чтобы переполнение было скрыто, присвойте телу определенный идентификатор, например #nothidden. Затем используйте CSS, который проверяет это

body {
    overflow: hidden;
}
body#nothidden {
    overflow: auto;
}

Идентификатор более конкретен, поэтому он будет переопределять первый (но, конечно, только когда он применяется).

P.S. Я не думаю, что вам нужно поместить overflow: скрытый в элемент html. Это вообще что-нибудь делает? Вы пробовали это без "html" и только "body"?

Answer 2

html, body {
    overflow: auto !important;
}

«Важно!» Переопределяет любое другое объявление.

Answer 3

Вы должны использовать! Imporant для этого:

html, body {
  // no scrollbars before iframe resize
  overflow: scroll !important;
}

Или вы можете дать телу идентификатор:

body#somePage{
  overflow:scroll;
}