Javascript 点击汉堡包菜单时,页面跳起
我正在构建一个模板,可以在这里看到: 当你向下滚动并点击汉堡包菜单打开非画布菜单(基础6)时,页面会跳起 这是迄今为止我的js: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) {
$(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将删除此行为