Как отделить функциональность аккордеона от тела?

Question

При нажатии на гармошку она работает нормально, но вся область тела расширяется с аккордеоном.Я хочу расширить только аккордеон, а не все тело HTML.Пожалуйста, решите эту проблему.

http://shahfahad.com/app/setting2.html

Answer 1

Проблема в том, что ваш аккордеонный контент переполнен. Просто добавьте height : auto в div выше этого <h1>Angular Simple Accordion</h1>

Answer 2

Вполне естественно, что когда аккордеон расширяется, тело будет соответственно расширяться.Как вы можете прокрутить вниз, если не хотите, чтобы тело расширялось?

И я думаю, что ваша проблема в том, что вы даете background-size: contain; на #page-wrapper.Вас смущает, что фоновое изображение изменяется при расширении тела.Поэтому измените его следующим образом:

#page-wrapper {

   /* the rest is the same */

   background-size: cover;
}

Надеюсь, это поможет

На самом деле вы можете полностью удалить свойство background-size.