jquery - 改变不同屏幕尺寸的动画

Question

我正在制作一个动画，当用户点击一个元素时，我会显示一个带有动画的 div 从左边开始:700 像素

$("#maharashtra").click(function(){


    $("#mainbg").hide();
    $("#divmaha").animate({left:"800px"});
    $("#divmaha").show() ;

它适用于 1280 x 800 的屏幕尺寸，问题是当屏幕尺寸增加时，动画文本出现在左列 div 上。任何帮助将不胜感激。

Answer 1

使用 Modernizr 进行媒体查询 -

if (Modernizr.mq('(max-width: 800px)')) {
    //your code
}

更多信息:http://modernizr.com/docs/#mq