jquery - 此脚本的CSS菜单的jQuery窗口调整大小功能

我是jQuery的新手，但是我在代码中做了一些混合，获得了一个非常漂亮的菜单。它工作正常，但是当我调整窗口大小时，活动链接下方的线会失去它的X轴位置。这是一支代码笔，因此您可以签出。

我知道我必须放这样的东西，但我不知道如何实现它。谁能帮我这个？

$( window ).resize(function() {
});

最佳答案

找到活动班级的左侧位置后，您可以将菜单行移至该位置

window.onresize = function(event) {
defaultPosition = $(".active").offset().left;
$("#menu-line").css("left", defaultPosition+"px");
};

但是，这会产生新的问题，因为悬停功能记录的位置不同，因此在调整窗口大小后悬停在菜单选项之外的原因不正确

删除悬停中的代码并添加以下内容可解决此问题

defaultPosition = $(".active").offset().left;
$("#menu-line").css("left", defaultPosition+"px");