This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable,
visit the help center。
6年前关闭。
我正在处理一个项目,它是一个简单的jquery动画设备。
但是,如果在完成图像动画处理后调用一个javascript事件,则由于某种原因,它将更改其位置。我已经研究了这个问题一段时间,尝试以不同的方式编写jquery,但这没有帮助。是否有任何此类行为的原因?
这是有问题的测试页(对数字域表示歉意):
http://62.133.128.32:8080/osiedle/index2.html
如果我删除此间隔,它将起作用:
function updateTime() {
var now = new Date().format("dd.MM.yyyy, hh:mm");
$('.timeStr').html(now);
}
在页面加载时设置如下:
setInterval(updateTime, 1000);
如果已将其注释掉,则单击底部的小矩形图标,设备将滑出并正常运行。但是,如果在此动画期间/之后触发该事件,则图像将被破坏。
可能是CSS问题,而不是JS本身?
这是我在引导程序的CSS之上设置的CSS:
<style type="text/css">
body {
background-image:url('img/bg.png');
background-repeat:no-repeat;
background-position:right top;
background-size: cover;
padding:0; margin:0;
}
.device {
position:absolute;
top:10%;
left:20%;
right:20%;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 998;
}
.home {
position: absolute;
top:60%;
left:20%;
right:20%;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 999;
}
.time {
position: absolute;
top: 55px;
left: 46.5%;
z-index: 999;
}
.timeStr {
color: #fff;
}
.tablet {
position: fixed;
top: 85%;
}
.upleft { position:relative; left:-160px; top:-160px; }
.upright { position:relative; left:160px; top:-160px; }
.downleft { position:relative; left:-160px; top:160px; }
.downright { position:relative; left:160px; top:160px; }
a { outline:none; height: 10px; }
p { padding:0; margin:0; }
img { border:0;
vertical-align: baseline;}
#tab-scrollcontainer { height:461px; width:620px; position:absolute; top:140px; left: 520px; overflow:hidden; z-index:999;}
.tab-row { clear:both; }
.icon { float:left; margin:9px 11px; }
.ico_txt { text-align:center; font-family:Georgia, Times, serif; font-size:10px; color:#d4d4d5; }
#sb-items { width:100%; height:368px; display:none; }
</style>
从您的评论来看,这可能无关紧要,但是我注意到您的图标并非总是正确地排列自己(行与行之间有双倍空格)。
我最初以为(也许是错误地)认为这是您希望解决的问题。
这是屏幕截图:
忽略面板本身的左对齐,导致“行”之间出现较大间隙的原因是CSS清除错误,您可以通过更改.tab-row
的CSS中的clear属性来解决该错误:
.tab-row {
clear: left;
}