Je crée une page Web avec plusieurs div placés verticalement, voici mon concept :
J'ai essayé de trouver le nom sur Internet ainsi que des exemples mais je n'ai pas vraiment trouvé ce que je voulais. J'aimerais donc demander à des volontaires de m'aider à comprendre ce que je pense.
J'ai fait une démo rapide basée sur votre question, est-ce similaire à ce que vous recherchez ?
Le défilement du div externe est activé lorsque le div interne défile vers le bas (environ).
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 }