Fix layout - not to fire fade in/out actions on the iOS devices.

iOS 기기에서 햄버거 메뉴가 여러번 나타났다 사라지는 오류가 있었기에 수정합니다.
This commit is contained in:
MinSoo Kim 2017-02-12 11:07:52 +09:00
parent df53e53f56
commit bfc9fb5852

View file

@ -31,29 +31,48 @@ $(function()
}); });
}); });
/* detect scrolling up or down to hide or show hamburger menu */ /* detect scrolling up or down to hide or show the hamburger menu */
var previousScroll = 0; var previousScroll = 0;
var simpleScrolled = false;
var scrollThreshold = 5;
/* detect window scrolling */
$( window ).scroll(function() $( window ).scroll(function()
{ {
var currentScroll = $(this).scrollTop(); simpleScrolled = true;
});
/* refresh window scrolling per 250 ms, and show/hide the menu */
setInterval(function()
{
if (simpleScrolled) {
display_menu();
simpleScrolled = false;
}
}, 250);
/* function to show/hide the menu */
var display_menu = function()
{
var currentScroll = $(window).scrollTop();
if (currentScroll > previousScroll) if (currentScroll > previousScroll)
{ {
if($("#layout_menu_toggle").css( 'position' ) === 'fixed' && $("#layout_menu_toggle").attr('data-scroll-down') !== 'true') if($("#layout_menu_toggle").css( 'position' ) === 'fixed')
{ {
$("#layout_menu_toggle").attr('data-scroll-down', 'true');
$("#layout_menu_toggle").fadeOut(); $("#layout_menu_toggle").fadeOut();
} }
} }
else else
{ {
if($("#layout_menu_toggle").css( 'position' ) === 'fixed' && $("#layout_menu_toggle").attr('data-scroll-down') === 'true') if($("#layout_menu_toggle").css( 'position' ) === 'fixed')
{ {
$("#layout_menu_toggle").attr('data-scroll-down', '');
$("#layout_menu_toggle").fadeIn(); $("#layout_menu_toggle").fadeIn();
$("#layout_menu_toggle").css('display', '');
} }
} }
previousScroll = currentScroll; previousScroll = currentScroll;
}); }
/* keyboard accessibility for dropdown menu */ /* keyboard accessibility for dropdown menu */
$(".layout_dropdown").each(function() $(".layout_dropdown").each(function()