如果屏幕小于480px，则为scrollTop

Question

我有一个响应式水平滚动网站。 我使用了平滑的滚动脚本，所以当我点击导航栏中的链接时，它会平滑地滚动到它的锚点。 问题是当屏幕小于480px时，它会变成垂直的。我试图使用这个脚本，但它不起作用：

            $(function() {
            $('nav#main a').bind('click',function(event){
                var $anchor = $(this);
                if (screen.width >= 480) {
                   $('html, body').stop().animate({
                       scrollTop: $($anchor.attr('href')).offset().top
                   }, 1500,'easeInOutExpo');
                } else {
                   $('html, body').stop().animate({
                       scrollLeft: $($anchor.attr('href')).offset().left
                   }, 1000);
                event.preventDefault();

            });
        });

任何想法代码都有问题吗？

谢谢！

Answer 1

您可以使用匹配媒体

if (window.matchMedia("(min-width: 480px)").matches) { 
}
else
{ 
}

Match Media Documentation