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