Question

我有一些按钮，onclik滚动到内容，这段代码很好用：

jQuery(document).ready(function(){

    jQuery("button#defaultOpen").click(function() {
       jQuery('html, body').animate({
            scrollTop: jQuery("#defaultOpen").offset().top+267
        }, 1000);
    });

     jQuery("button#spezialkurs").click(function() {
       jQuery('html, body').animate({
            scrollTop: jQuery("#spezialkurs").offset().top+267
        }, 1000);
    });

    jQuery("button#opengym").click(function() {
       jQuery('html, body').animate({
            scrollTop: jQuery("#opengym").offset().top+125
        }, 1000);
    });

    jQuery("button#challenge").click(function() {
       jQuery('html, body').animate({
            scrollTop:jQuery("#challenge").offset().top+125
        }, 1000);
    });

    jQuery("button#vielseitige").click(function() {
      jQuery('html, body').animate({
            scrollTop: jQuery("#vielseitige").offset().top-10
        }, 1000);
    });

});

问题是我想添加媒体查询，这段代码只能在768以上运行！还是有些错了？

谢谢，

Answer 1

您可以使用以下内容：

if (screen.width > 768) {your code goes here}

Answer 2

您无法使用jQuery进行媒体查询，但如果您只想针对特定分辨率运行您的功能，则可以使用以下代码：

if(jQuery(window).width() > 768) {
   your code
}

如何用jQuery定义媒体查询？

2 个答案: