2016-11-05 92 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