MooTools Fx.SmoothScroll（）在最小屏幕宽度

Question

是否有一个简单的方法来初始化Fx.SmoothScroll在最小屏幕宽度，并在下面禁用它？

例如，我只希望平滑滚动发生在400px以上。

为什么，因为显示/隐藏响应菜单与滚动目标位置混乱，所以JS正在滚动通过目标。

UPDATE： 我认为最好是实际测量过渡元素的偏移量，并将其设置为平滑滚动。我试过这个，但它不起作用。

  $$('#nav ul li a.menu')[0].addEvent('click', function(){ 
       window.offset = $('nav').getSize().y - 32; 
       console.log(window.offset) 
      }); 
      new Fx.SmoothScroll({ 
       offset: { 
        y: -window.offset 
       } 
      }); 

如何更新每次点击的偏移量？

Answer 1

去适当的“响应”路线后，我想出了这个代码。

  var theScroll = new Fx.Scroll(window); 
      $$('#nav ul li a.menu')[0].addEvent('click', function(e){ 
       e.preventDefault(); 
       offset = $('nav').getSize().y - 32; 
       theScroll.options.offset.y = -offset; 
       theScroll.toElement($('menu'),'y'); 
      });