Javascript 每次高度大于11.5英寸时添加div

Javascript 每次高度大于11.5英寸时添加div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当页面高度超过11.5英寸时,如何每次添加div?每次发生这种情况时,我都需要复制同一个div <div class="logo-etm"> <img src="/img/etm-logo.png" class="etm"> </div> 它让所有的div一个接一个。。。我需要它们在下面。有人能帮忙吗? 这是css: $('.logo-etm').css('display','block').css('margin-top','-1.5in').c

当页面高度超过11.5英寸时,如何每次添加div?每次发生这种情况时,我都需要复制同一个div

<div class="logo-etm">
     <img src="/img/etm-logo.png" class="etm">
</div>
它让所有的div一个接一个。。。我需要它们在下面。有人能帮忙吗? 这是css:

$('.logo-etm').css('display','block').css('margin-top','-1.5in').css('width','100%');
$('.etm').css('position','fixed').css('z-index','-1').css('width','30%');

你的css不是css是JS,所以你必须把它应用到新的克隆节点上
尝试在节点克隆后应用它

$(文档).ready(函数(){
变量e=$('.logo etm');
如果($(“body”).height()>11.5{
e、 克隆().insertAfter(e);
}
$(“按钮”)。单击(函数(){
//$('.logo etm').css('display','block').css('margin-top','-1.5in').css('width','100%);
//$('.etm').css('position','fixed').css('z-index','-1').css('width','30%);
$('.logo etm').css({
“显示”:“块”,
“利润率顶部”:“1100px”,
“宽度”:“100%”
});
$('.etm').css({
“位置”:“不动产”,
'z-索引':'-1',
“宽度”:“30%”
});
})
});


单击以应用jQuery可以使用的单元中的css
11.5
$('body').height()
返回基于像素的无单位值,如
height()
方法的文档中所示。请问您为什么选择使用英寸

将英寸换成等值的像素是一种选择吗?元素已正确插入。如果正确插入,请参见所附示例。如果
主体
高度大于
500 px
元素将被克隆并插入第一个元素之后

为了确保在本例中正确返回主体(视口)高度,我已经给出了
html
body
标记
height:100%

$(文档).ready(函数(){
//最初的标志是什么?
var logo=$('.logo');
//复制的徽标应该放在哪里?
var target=$('.body');
//插入复制徽标之前,最小高度应为多少?
如果($(“主体”).height()>50){
logo.clone().css({
'位置':'固定',
“背景”:“红色”,
'z-索引':'-1',
“宽度”:“75px”,
“顶部”:“0px”,
“左”:“0px”,
}).插页(徽标);
logo.css({
“页边距顶部”:“1100px”,
“显示”:“块”
});
}
});
html,
身体{
保证金:0;
填充:0;
}
身体{
字体:粗体2em无衬线;
颜色:#fff;
边框:1px实心#000;
}
.标志{
位置:相对位置;
背景:#7A59A5;
宽度:100px;
高度:100px;
文本对齐:居中;
线高:100px;
}


elem
检查您的css!或者提供它您的css不是css是JS,因此您必须将其应用于新克隆的节点!仍然是相同的结果。您的.etm似乎有一个固定的位置!我怎样才能把克隆放在彼此下面11.5英寸?修改你的css!我已经更新了我的答案!有没有你的css@DejanJankov我已经在我的答案中更新了css。看看它,告诉我它是否符合你的需要。你能给我一个例子说明这个假设是真的吗?它对我不起作用,但我想看看这是否可以作为我的一个选项。当然,我会编辑答案,我会添加一些交互性,以便更好地演示。@DejanJankov我更改了代码示例,当单击“运行代码段”时,它会返回一个范围为100-500的
主体的随机高度。点击几次应该会显示你正在寻找的行为,我想?是的,就是这样。。。但如果我把页边空白放在最上面,它在打印预览中就不起作用了。风格只会在第一节分叉。@DejanJankov啊,那我们就在正确的轨道上了。“打印预览”的确切含义是什么?需要将
页边距顶部
应用到哪些元素?值是多少?
$('.logo-etm').css('display','block').css('margin-top','-1.5in').css('width','100%');
$('.etm').css('position','fixed').css('z-index','-1').css('width','30%');