javascript - MooTools Fx.SmoothScroll() 仅在最小屏幕宽度

Question

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

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

为什么，因为显示/隐藏响应式菜单会干扰滚动目标位置，所以 JS 会滚动到目标之外。

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

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