jquery - 粘贴文本直到 100% 高度

Question

我正在尝试制作一个脚本来复制/粘贴此文本，直到重新达到 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%;
}

Answer 1

如果您不希望内容超出底部(滚动)，您将需要降低文本高度或在您的 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>