Shulou(Shulou.com)06/01 Report--

This article mainly introduces js how to maintain the DIV vertical scroll bar at the bottom of the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, with a certain reference value, I believe that after reading this js how to maintain the DIV vertical scroll bar at the bottom of the article will have a harvest, let's take a look.

How to keep the vertical scroll bar of DIV at the bottom through CSS:

.container {

Height: 100px

Overflow: auto

Display: flex

Flex-direction: column-reverse

}

The same effect can be achieved with JavaScript:

Function updateScroll () {

Var element = document.getElementById ("yourDivID")

Element.scrollTop = element.scrollHeight

}

/ / once a second

SetInterval (updateScroll,1000)

This is the end of the article on "how js keeps the DIV vertical scroll bar at the bottom". Thank you for reading! I believe you all have a certain understanding of "how to keep the DIV vertical scroll bar at the bottom of js". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.