navigation - Mootools 获得高度用于差异。高度

Question

我正在寻找一个解决方案，我有一个下拉导航，并且有 3 个子菜单（第二级）我希望整个 BG ot 导航获得与开放导航相同的高度。

现在我有了。

window.addEvent('domready', function(){
    $$('.submenu a').addEvents({
        mouseenter: function(){
         $$('.navi').set('tween', {
            duration: 1000,
            transition: Fx.Transitions.Bounce.easeOut
          }).tween('height', '145px');
        },
        mouseleave: function(){
           $$('.navi').set('tween', {}).tween('height', '60px');
        }
      });

我希望我可以使用打开的子导航的高度作为推文高度，

像那样。

.tween('height', HEIGHT FROM SUBNAV+60px);

Answer 1

这个问题很难理解，所以我从两个方面来回答

1. 在 mootools 中还有 element.measure ，您可以使用它来测量隐藏的元素。this将绑定到您要测量的元素。

   var size = $('hiddenElement').measure(function(){ return this.getSize(); });

请注意，Mootools 中也有getDimensions和getComputedSize，它们的测量方式都不同。

1. 如果您想测量子菜单上方/下方元素的高度，您可以使用循环来完成。

变量高度 = 0; $$('li').every(function(el){ var size = el.getSize(); height = height + size.y; // 例如

// return false to break 
return true;

})

有了更多关于您的 HTML 的信息，就更容易回答这个问题。