我正在对我的网站进行媒体查询,并希望更改规则。 目前,我的规则是这样的:

<script>
        (function($){
            $(document).on('click', '.container', function(){
                $(this).addClass('active');
                $('.container:not(.active):eq(0)').animate({top: -1258, left: 50});
                $('.container:not(.active):eq(1)').animate({top: 1258, left: -50});
                if (this.id == 'center' || this.id == 'left') {
                  $('.menu').addClass('red');
                }
            });
            $(document).on('click', '.container.active', function(){
                $('.container:not(.active):eq(0)').animate({top: 0, left: 0});
                $('.container:not(.active):eq(1)').animate({top: 0, left: 0});
                $(this).removeClass('active');

                $('.menu').removeClass('red');

            });
        })(jQuery);
</script>

我想说的是,当我的屏幕最大宽度为400像素时,动画顶部为50:左侧为1258。

有没有办法做到这一点?

===============>>#1 票数:0

您可以像这样检测Javascript中的高度和宽度:

var height = document.body.clientHeight;
var width = document.body.clientWidth;

或使用JQuery( 获取屏幕,当前网页和浏览器窗口的大小

使用此方法,您应该能够确定所需的值,然后相应地修改JQuery .Animate。

  ask by Clarke Cribb translate from so

未解决问题?本站智能推荐: