2016-10-20 13 views
0

Я хочу, чтобы мой div оставил 5 раз и после этого вернулся. Для этого у меня есть этот скрипт:Если маржа осталась ==%

Javascrpit:

$(document).ready(function() { 
    if(document.getElementById('twitter').style.marginLeft == "-278%") 
    { 
    (function($){ 
     setInterval(function(){ 

     $('#twitter').animate({ 
     marginLeft: '+=278%', 
     },3000); 

     }, 5000); 

    })(jQuery); 
    }else{ 
    (function($){ 
     setInterval(function(){ 
     $('#twitter').animate({ 
      marginLeft: '-=55.6%', 
     },2000); 

     }, 5000); 
    })(jQuery); 
    } 
}); 

У меня есть рабочий скрипт с рхами с помощью:

if($('#twitter').css("marginLeft")==('-5300px')) 

, но мне нужен проценты, чтобы быть отзывчивыми, может кто-то помочь мне пожалуйста ?

EDIT:

Анимация работает, только условие для если не работает.

+0

Oups извините неподходящее слово, отзывчивым * –

+0

Маржа не в% времени. Когда вы используете% age (или что-то еще, например em, vh), они преобразуются в px. Вы можете повторно преобразовать обратно в% age в js, взяв текущий запас и ширину и небольшой вычет. –

+0

, но если я "console.log (document.getElementById ('twitter'). Style.marginLeft)" он возвращает мне процент. Я попробую что-нибудь с вашим calc, но у меня очень странная div (ширина: 1000%). –

ответ

0

Использование position: absolute и left атрибут вместо margin-left

<div id='twitter'> 
    hello 
</div> 

#twitter{ 
position: absolute; 
left: -50%; 
} 
+0

позиция: абсолютный разрыв my css и не решает проблему, и проблема заключается не в том, что div не уходит, проблема в том, что она никогда не возвращается вправо, только if (marginLeft == "-278%") не работает. –

+0

ОК, поэтому мы вычислим, что ширина должна быть маржа-левая. 'var parentWidth = $ ('# twitter'). Width ($ ('# twitter'). Parent(). Width());' и число будет маркой: var varLeftNumber = - 2.78 * parentWidth' и наконец, '$ ('# twitter'). animate ({marginLeft: marginLeftNumber + '',}, 2000);' –

+0

Мне нравится, как вы это делали, просто некоторые ошибки для работы annimation, но я это изменил, и теперь это работа .... но if все еще не работает. Когда я консоль регистрирую маржу twitter и маржу моего условия останова в то же время (то есть –