2016-11-05 56 views
0

我试图让一个脚本,将复制/粘贴这样的文字,直到100%的屏幕高度已经reatched:粘贴文本,直到100%的高度

<p class="text">Jeg er 19 år og elsker sprut, penge og ligegyldig sex ahhh.</p> 

但我完全失去了我该怎么办它,我知道我可以用jQuery来完成,但不知道如何?

这是我周围的文本区域的DIV + CSS的文本应放在:

.CenterMarg { 
    font-size: 35px; 
    margin: 0 auto; 
    text-align: center; 
    height: 100%; 
    max-height: 100%; 
} 
+0

你所说的 “过去这段代码” 是什么意思? – rafaelcastrocouto

+1

它应该是动态粘贴jquery直到100%屏幕高度reatched。所以它看起来像这样,但不是静态的:[link](http://prntscr.com/d3isbi) –

回答

0

如果不wnat内容去超越的底部(滚动),您将需要打折文字高度或在您的CSS中使用overflow: hidden

var b = $('.container'), 
 
    t = $('.text'); 
 

 
while (b.height() < window.innerHeight) { 
 
    t.clone().appendTo(b); 
 
}
.text { 
 
    font-size: 35px; 
 
    margin: 0 auto; 
 
    text-align: center; 
 
    height: 100%; 
 
    max-height: 100%; 
 
}
<div class="container"> 
 
    <p class="text">Jeg er 19 år og elsker sprut, penge og ligegyldig sex ahhh.</p> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+0

不错!它最重要的作品!它仍然给我一个滚动条,它使文本的50%更小? [链接](http://prntscr.com/d3j194) –

+0

好,我不能告诉你为什么字体大小改变没有你的CSS文件。 – rafaelcastrocouto