jquery：执行功能，因为屏幕分辨率为650px宽度

Question

仅当屏幕分辨率至少为650px宽时才执行此功能。否则，什么也不做。

$('.section-box').waypoint(function() {
    $(this).addClass('animated-107s bounceDown');
}, {
    offset: '25%'
});

你能帮帮我吗？

Answer 1

你可以尝试一下。

<div class=".section-box" id="myClass">

JS

//control first open browser
  $(document).ready(function () {
    if( $( window ).width() <= 650 ){

          $("#myClass").addClass("bounceDown");


    } 
  });

  //change browser size
  $( window ).resize(function() {

    if( $( window ).width() <= 650 ){
          $("#myClass").addClass("bounceDown");
    } else {
       $("#myClass").removeClass("bounceDown");
    }
  });