Javascript 点击汉堡包菜单时,页面跳起

Javascript 点击汉堡包菜单时,页面跳起,javascript,jquery,zurb-foundation,Javascript,Jquery,Zurb Foundation,我正在构建一个模板,可以在这里看到: 当你向下滚动并点击汉堡包菜单打开非画布菜单(基础6)时,页面会跳起 这是迄今为止我的js: $(document).foundation(); $(document).ready(function(){ function carouselInit() { if($('.single-project').length > 4 && !$('.slick-initialized').length) {

我正在构建一个模板,可以在这里看到:

当你向下滚动并点击汉堡包菜单打开非画布菜单(基础6)时,页面会跳起

这是迄今为止我的js:

$(document).foundation();

$(document).ready(function(){
    function carouselInit() {
        if($('.single-project').length > 4 && !$('.slick-initialized').length) {
            $('.single-item').slick({
                responsive: [
                    {
                      breakpoint: 1024,
                      settings: 'unslick'
                    }]
            });
        }
        else {
            console.log('4');
        }
    }

    $('.hamburger').on('click', function(){
        if($('header').hasClass('fixed')){
            $('header').removeClass('fixed').addClass('absolute');
            $(this).toggleClass('open');
        }
        else {
            $('header').removeClass('absolute').addClass('fixed');
            $(this).toggleClass('open');
        }
    });

    carouselInit();

    var resizeId;
    $(window).resize(function() {
        clearTimeout(resizeId);
        resizeId = setTimeout(carouselInit, 500);
    });

});

单击汉堡包图标时,所有页面不应跳转。

这是使页面跳转的一段代码:

 // Elements with [data-toggle] will toggle a plugin that supports it when clicked.
  $(document).on('click.zf.trigger', '[data-toggle]', function () {
    triggers($(this), 'toggle');
  });
单击hamburger菜单时,它会在id为“sth”的元素上触发“toggle.zf.trigger”。这进一步涉及到具有以下代码段的open函数:

if (this.options.forceTop) {
     $('body').scrollTop(0);
 }
猜猜它是干什么的?:)我只能假设将OffCanvas forceTop选项设置为false将删除此行为