изменение анимации для экрана разных размеров

Question

изменение анимации для экрана разных размеров

0

Я работаю над анимацией, в которой, когда пользователь нажимает на элемент, я показываю div с анимацией слева: 700px

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


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

он отлично работает для размера экрана 1280 x 800, проблема в том, когда размер экрана увеличивается, анимированный текст поступает через левый столбец div. любая помощь была бы благодарна.

5eeker 15 май 2014, в 08:10

Источник

2

Можете ли вы показать свой HTML-код или CSS в JSFiddle со ссылкой
Rohit Azad 15 май 2014, в 06:01
0

Вы можете сначала проверить размер экрана, а затем использовать применить стиль соответственно. или вы можете left в % чтобы настроить себя.
shyammakwana.me 15 май 2014, в 06:08

Теги:

jquery

html

css

2 ответа

Ещё вопросы

Можете ли вы показать свой HTML-код или CSS в JSFiddle со ссылкой
Вы можете сначала проверить размер экрана, а затем использовать применить стиль соответственно. или вы можете left в % чтобы настроить себя.

LuudJacobs · Answer 1 · 2014-05-15T07-22-00.000Z

Я бы попробовал что-то вроде этого с помощью jQuery:

var aniParams = [{'max':1000, 'left':600},{'max':800, 'left':400}]; //big > small

$('#elem')
.on('click', function(){
    for(var i = 0; i < aniParams.length; ++i){
        if($(window).width() <= aniParams[i].max){
            $('#aniElem')
            .animate({
                'left':aniParams[i].left + 'px'
            }, 1000);
        }
    }
});

Dipak · Answer 2 · 2014-05-15T04-17-00.000Z

Медиа-запрос с помощью Modernizr -

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

Подробнее здесь: http://modernizr.com/docs/#mq

Да. Плитка: изменение анимации для разных размеров экрана