Сделать загрузку div box внизу

Question

Я работаю с проектом, где мне нужно, чтобы прокручиваемый элемент div отображал нижнюю часть страницы при загрузке страницы. Это означает, что пользователь может прокручивать вверх, чтобы увидеть остальную часть контента. Единственный способ, которым я мог подумать, это сделать, чтобы div autoscroll был внизу на загрузке страницы. Но поскольку время загрузки важно для этого проекта, я хотел бы найти другое решение. Есть ли другой способ сделать это, желательно что-то вроде css? Благодаря!

Answer 1

Вы можете использовать javascript для получения эффекта. Это быстро, так что вам не придется беспокоиться о времени загрузки:

var yourDiv = document.getElementById('yourDivId'); 
yourDiv.scrollTop = yourDiv.scrollHeight; 

Есть также множество способов реализовать это с помощью JQuery. Вот отличный блог по теме:

jQuery Scroll To

Answer 2

я не уверен, хорошо понимать, что вам нужно, но, возможно, что-то вроде этого:

#bottomDiv{ 
    position:fixed; 
    bottom:0; 
} 

Answer 3

Там нет javascript тегов так, что о скрыть элемент до тех пор, пока CSS файл не загружается (но это работает только на 1-ый раз, то будет CSS файл кэшируется)

<div id="bottom" style="display: none;"></div> 

CSS

#bottom { 
    display: block !important; 
    position: fixed; 
    bottom: 0; 
}