我是jQuery的新手,但我在代码中做了一些混合,得到了一个非常好的菜单。它工作得很好,但当我调整窗口的大小时,活动链接下的线条会丢失X轴位置。这是一支代码笔,你可以查看一下。
我知道我必须这样做,但我不知道如何实现它。有人能帮我吗?
$( window ).resize(function() {
});
发布于 2016-02-16 01:14:46
一旦找到活动类的左侧位置,就可以将菜单行移动到该位置
window.onresize = function(event) {
defaultPosition = $(".active").offset().left;
$("#menu-line").css("left", defaultPosition+"px");
};
但是,这会产生新的问题,因为悬停功能记录了不同的位置,因此当您在窗口调整大小后将鼠标悬停在菜单选项之外时,位置不正确
移除悬停中的代码并添加以下代码可修复此问题
defaultPosition = $(".active").offset().left;
$("#menu-line").css("left", defaultPosition+"px");
https://stackoverflow.com/questions/35421635
复制