I'm making a web page with multiple vertically placed divs, here's my concept:
I tried to find the name along with examples from the internet but I couldn't really find what I wanted. So I'd like to ask for any volunteers to help me figure out what I'm thinking.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I made a quick demo based on your question, is this similar to what you are looking for?
Scroll of the outer div is activated when the inner div scrolls to the bottom (approximately).
new Vue({ el: "#app", methods: { handleScroll(e) { if (e.target.scrollTop > e.target.scrollHeight - 1000) { this.$refs.outerDiv.style.overflow = 'auto' } } } })#outerDiv { width: 80%; height: 800px; background: teal; padding: 20px; font-size: 2em; overflow: hidden; } #innerDiv { width: 80%; height: 400px; background: red; padding: 10px; color: white; font-size: 2em; overflow: auto }