javascript - 如果 margin left == 百分比

标签 javascript jquery css percentage margin-left

我希望我的 div 向左移动 5 次,然后再返回。 为此,我有那个脚本:

Java脚本:

$(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);
  }
});

我有一个使用 px 的工作脚本:

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

但我需要百分比来响应,有人可以帮我吗?

编辑:

动画正在运行,只是 if 的条件不起作用。

最佳答案

使用position: absoluteleft 属性代替margin-left

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

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

关于javascript - 如果 margin left == 百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40151707/

相关文章:

javascript - 访问和修改 iframe 内容,postMessage 与 jQuery.contents()

jquery - 如何修复django-admin中的collapse.min.js中的 "Uncaught TypeError"?

css - Bootstrap 4 网格系统中 `col` 上没有填充是否正常?

css - 除非输入文本,否则跨度的宽度和高度不会显示

jquery - 将一些对象添加到父级,它是具有相似 ID 的 DIV 之一

html - 如何从我的网站中删除额外的宽度?

php - 表单提交问题

javascript - Backbone.Wreqr 与 Javascript 对象

javascript - 使用 Socket.io 处理多个选项卡

jquery - 强制 jquery mouseover 在子级上时不触发,仅在父级上触发