Infinite text repeat with infinite scroll on web page

Question

How do I make a web page repeat the content (a block of text) every time a user hits the end of the web page – like with infinite scroll, but with the same content?

Marquee? and jQuery for detecting scroll from top? – Mr. Alien Sep 01 '13 at 14:23 — Mr. Alien, Sep 01 '13 at 14:23

score 0 · Accepted Answer · edited May 23 '17 at 10:31

0

A thread that already answers your question:

Javascript how to detect if browser window is scrolled to the bottom

And to make it infinite you simply append a tag with its content every time the "window-bottom" state is reached.

This could be expressed as such:

window.onscroll = function(ev) {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        // you're at the bottom of the page
        var div = document.createElement('div')
        div.innerHTML = "your content"
        document.body.appendChild(div)
    }
}

edited May 23 '17 at 10:31

Community

1
1

answered Sep 01 '13 at 14:32

Daniel Varab

223
1
10

Is it possible to make the div element of a certain class? I added `div class="repeat_content"` but that doesn't work? – user2509945 Sep 01 '13 at 18:33
With the chance of me missunderstanding; you can set the new div to be of a specific class by merely adding: `div.className="repeat_content"` – Daniel Varab Sep 01 '13 at 21:47

score -1 · Answer 2 · answered Sep 01 '13 at 14:24

-1

<marquee>Scrolling text</marquee>

answered Sep 01 '13 at 14:24

Speedysnail6

114
11

The `` tag is deprecated and may not work in all browsers. – Spudley Sep 01 '13 at 14:43
http://remysharp.com/demo/marquee.html – Speedysnail6 Sep 01 '13 at 14:45
no this does not work – user2509945 Sep 01 '13 at 18:20
you'll have to download jquery – Speedysnail6 Sep 02 '13 at 14:43

Infinite text repeat with infinite scroll on web page

2 Answers2