https://blog.muko.info/_assets/3fdb4516578c39c9661bdd4fe6ae2449/JavaScript/overlay.js?1790323216

1$( window ).on("scroll", function(e) {
2    var windowPosition = Number($(document).scrollTop());
3
4    $(".tx-fp-fundraisingbox .overlay").each(function() {
5        var info = $(this).find('.innerWrap');
6        var overlayPosition = Number(info.offset().top);
7
8        if($(this).css("display") == "none") {
9            var endOfOverlay = Number(info.data("endOfOverlay"));
10            if(windowPosition <= endOfOverlay + 50) {
11                $(this).fadeIn();
12            }
13        } else {
14            var overlayHeight = Number(info.css("height").replace("px", ""));
15            var endOfOverlay = overlayPosition + overlayHeight;
16            if(windowPosition > endOfOverlay + 50) {
17                info.data("endOfOverlay", endOfOverlay);
18                $(this).fadeOut();
19            }
20        }
21    });
22});
23
24$(".tx-fp-fundraisingbox .overlay .closebutton").click(function() {
25    var overlay = $(this).closest(".overlay");
26    overlay.fadeOut().queue(function() {
27        $(this).remove();
28        $(this).dequeue();
29    });
30});