0ct0pu5/m1k1oblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

auto show overlay on element blur

Browse source
This commit is contained in:
Miroslav Šedivý 2020-02-07 20:48:16 +01:00
parent aa08d4c21c
commit dc6b755dfc
1 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
static/scripts/app.js
View file

@ -685,10 +685,26 @@ $.fn.post_fill = function(data){
post.data("id", data.id);
post.find(".b_overlay .button").click(function(){
post.find(".b_overlay").hide();
setTimeout(function(){
post.find(".b_overlay").fadeIn(4000);
}, 2500);
var overlay = post.find(".b_overlay");
var elementTop = $(overlay).offset().top;
var elementBottom = elementTop + $(overlay).outerHeight();
$(overlay).hide();
var showOverlay = function() {
$(overlay).show();
$(window).off('scroll', showOnViewport);
$(window).off('blur', showOverlay);
};
var showOnViewport = function() {
var viewportTop = $(window).scrollTop();
var viewportBottom = viewportTop + $(window).height();
if ((elementBottom > viewportTop && elementTop > viewportBottom) || (elementBottom < viewportTop && elementTop < viewportBottom)) {
showOverlay();
}
};
$(window).on('scroll', showOnViewport);
$(window).on('blur', showOverlay);
});
post.find(".b_text").html(data.text);