62 lines
1.6 KiB
PHP
62 lines
1.6 KiB
PHP
<div id="main-menu">
|
|
<div id="menu-container-<?= $this->menu['id']; ?>">
|
|
<?= \front\view\Menu::pages($this->menu['pages'], 0, $this->current_page); ?>
|
|
</div>
|
|
</div>
|
|
<div id="main-menu-btn">
|
|
<i class="fa fa-bars"></i>
|
|
</div>
|
|
<script class="footer" type="text/javascript">
|
|
$(window).resize(function() {
|
|
windowsize = $(window).width();
|
|
});
|
|
var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0));
|
|
|
|
$(function() {
|
|
var navbar = document.getElementById("main-menu");
|
|
var height = $('.header').outerHeight();
|
|
window.onscroll = function() {
|
|
if (window.pageYOffset >= height)
|
|
navbar.classList.add("sticky");
|
|
else
|
|
navbar.classList.remove("sticky");
|
|
};
|
|
});
|
|
|
|
$('body').on(click_event, '#main-menu-btn', function()
|
|
{
|
|
if (windowsize <= 767)
|
|
{
|
|
if ($(this).hasClass('active'))
|
|
{
|
|
$(this).removeClass('active');
|
|
$('#main-menu').removeClass('visible');
|
|
$('#main-menu-btn i').addClass('fa-bars').removeClass('fa-times');
|
|
$( 'body' ).removeClass( 'noscroll' );
|
|
}
|
|
else
|
|
{
|
|
$(this).addClass('active');
|
|
$('#main-menu').addClass('visible');
|
|
$('#main-menu-btn i').removeClass('fa-bars').addClass('fa-times');
|
|
$( 'body' ).addClass( 'noscroll' );
|
|
}
|
|
}
|
|
});
|
|
|
|
$('body').on( click_event, '#menu-container-<?= $this->menu['id']; ?> i', function(e)
|
|
{
|
|
if ( isTouch || windowsize <= 767 )
|
|
{
|
|
if ( $( this ).parent( 'li' ).hasClass( 'parent' ) )
|
|
{
|
|
e.preventDefault();
|
|
}
|
|
|
|
if ( !$( this ).parent( 'li' ).hasClass('active') )
|
|
{
|
|
$( this ).parent( 'li' ).addClass( 'active' );
|
|
}
|
|
}
|
|
});
|
|
</script>
|