jquery - jQuery Megamenu 位置对齐

Question

http://www.osep2.uga.edu/EE/Home

如何使 megamenu 下拉菜单与容器的左侧对齐？目前，它们与整个页面左对齐。如果我将位置更改为相对位置，则不再出现下拉菜单。

谢谢！

Answer 1

所以看起来 jkmegamenu 会自动强制你的盒子在你的容器之外，即使你把它们放在你的代码里面。虽然我不建议使用这样的东西，但您可以使用一些 jQuery 在代码底部进行修复。

// Gets your left offset of the container div
var fromLeft = $('#container').offset().left;

// move all menus to this new offset
$('#megamenu1').css('left', fromLeft);
$('#megamenu2').css('left', fromLeft);
$('#megamenu3').css('left', fromLeft);
$('#megamenu4').css('left', fromLeft);
$('#megamenu5').css('left', fromLeft);

请记住，这是一个简单的修复。它仅适用于浏览器当前大小。如果它发生变化，偏移量保持不变，您将不得不重做数字。为了将来参考，我会做一些更传统的事情，比如这个