Question

为我的天真道歉，我正在全面了解JQuery并且我认为这是一个中等棘手的问题（至少对我而言）。我的语法技能还没有。（我现在正在读一本烹饪书）。我会围成一圈。

网站：我正在使用Jquery执行一个添加类，以便在用户处于视口中时为某些Div设置动画。这对于平板电脑和台式机来说非常棒，但在移动设备上，这种组合可以通过平板电脑和桌面来实现。（动画）和＆＃39;设置＆＃39;看起来很破旧，很慢。

希望解决：

无论解决方案是什么，我都想解雇这些动画，而且只需要＃34;当视口大于600px（或类似方法）时，我可以在移动设备上禁用。

基本上我希望JQuery检查浏览器窗口大小是否超过＆＃39; X＆＃39;乐队，如果它然后解雇下面的脚本来发射动画。

不确定我是否尝试在一个片段中做很多事情 - 要求视口执行多个操作。我试图通过查看示例来添加和if语句，但它不会触发。

我目前使用的脚本是：

    jQuery(document).ready(function() {
    jQuery('.lead_image_middle').addClass("hidden").viewportChecker({
        classToAdd: 'visible animated fadeInUp',
        offset: 100

       });
});

Dev @ http://dfacility.com/dev.21in/index.html

非常感谢

Answer 1

if ( screen.width > 1000 ) { do something }

Answer 2

您应该使用window.matchMedia：

if (window.matchMedia("(min-width: 600px)").matches)

CanIUse

polyfill

Jquery＆＃34; if＆＃34;视口大小为X的语句

2 个答案: