Gating Content halfway through scroll


Can you use popups to “soft” gate a piece of content?

For example: Halfway through a guide, readers see a popup request to provide more info to read the rest?

I know how to build popups that are delayed by time/scroll, but I’m not sure how to build one so it blurs out or fades the on-page content.


Did something kind of similar to this, where on mouseover of a form it blurred and greyscaled the background.
The “active ingredient” to that particular code was something like this…

$(this).siblings().css("filter", "blur(1px) grayscale(1)");
$(this).siblings().css("-webkit-filter", "blur(1px) grayscale(1)");