Сделать прокрутку страницы выше нижней части окна

Question

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

На изображении вы можете увидеть, что текст из результатов идет по изображениям, я хочу страницу, чтобы прокрутить перед 3 изображения в нижней части окна, поэтому текст не идет снизу и управляется вертикальной полосой прокрутки.

Текст перекрывает изображения в нижней части окна, вот что я хочу, я хочу, чтобы страница прокручивалась непосредственно перед этими изображениями внизу, чтобы содержимое не попадало или не перекрывало изображения на внизу, эти изображения в нижней части окна фиксируются в нижней части страницы браузеров, поэтому мне нужно, чтобы содержимое прокручивалось непосредственно перед изображениями в разных типах браузеров, поэтому как бы изменить размер содержимого, чтобы его свитки перед изображениями?

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

Answer 1

Без какого-либо кода для этой проблемы, мое единственное предложение - добавить край поля к элементу, окружающему текст, который перекрывает изображение. Этот нижний край должен быть той же высоты, что и изображения, которые вы зафиксировали в нижней части страницы (или, может быть, 10 или 20 пикселей больше, чтобы получить отступы между текстом и изображениями).

Вот пример (предполагая, что ваши изображения 75px по высоте):

HTML:

<div id="result-wrapper"> 
    <!-- all of your text elements here --> 
</div> 

<div id="fixed-images"> 
    <!-- your images at the bottom of the page --> 
</div> 

CSS:

#result-wrapper { 
    margin-bottom:90px; 
}