How does js keep the DIV vertical scroll bar at the bottom
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.
