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);

请记住，这是一个简单的修复方法。它仅适用于浏览器当前大小。如果它改变了，偏移量保持不变，你必须重做数字。为了将来参考，我会做一些更传统的事情，如this one