如何捕获div元素末尾的滚动条position？

Question

I would like to capture scroll position at the end of the specific div element. But I couldn't fix that. What should I do? Could you please help me about this situation? Here is the following basic application link regarding my issue. Thanks for your help and suggestions.

Answer 1

I think it is better to use Intersection Observer for what you want to do. So you could do something like this:

var observer = new IntersectionObserver(function(entries) {
    if(entries[0].isIntersecting === true)
        alert('hello');
}, { threshold: [1] });

observer.observe(document.querySelector(".launch-alert"));

Simply add a div with the class launch-alert at the end or your content and when it will be fully visible your alert will be trigger.

Hope this helps