Блог

Я понятия не имею, нужно ли вам использовать зависимость, но я использую Jquery с ruby on rails. Однако, у меня есть 3 изображения, которые я хочу использовать для своего фона.

Верхнее изображение, среднее изображение и нижнее изображение. Я хочу, чтобы верхнее и нижнее изображения оставались статичными, но средняя плитка изображения зависела от объема содержимого на этой странице. У кого-нибудь есть идеи, как это можно сделать? Я некоторое время безуспешно искал.

 .background-top {
  background-image: image-url('background/background_top.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
}
.background-mid {
  background-image: image-url('background/background_mid.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.background-bot {
  background-image: image-url('background/background_bot.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
  

 var body = document.body;
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
  

Используйте этот код, чтобы получить высоту вашей страницы. И добавьте условие if при загрузке среднего изображения, если высота больше определенного размера.