问此脚本css菜单的Jquery窗口大小调整函数
EN

Stack Overflow用户

提问于 2016-02-16 08:30:39

回答 1查看 44关注 0票数 0

我是jQuery的新手，但我在代码中做了一些混合，得到了一个非常好的菜单。它工作得很好，但当我调整窗口的大小时，活动链接下的线条会丢失X轴位置。这是一支代码笔，你可以查看一下。

我知道我必须这样做，但我不知道如何实现它。有人能帮我吗？

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

发布于 2016-02-16 09: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");

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35421635

复制

相似问题

问此脚本css菜单的Jquery窗口大小调整函数EN