Endless scrolling with multiple pages of different websites

  browser, css, html, javascript

I am trying to create something like an endless scrolling mechanism that works with multiple (at least two) pages of different websites. That means scrolling down page A (foo.com) all the way to the bottom and then page B (bar.net) is coming right after that.

I known that there are a lot of solutions for endless scrolling of one website which add more and more elements/ content while scrolling down the page. All of these wouldn’t work with content of more then one website.

I also know that it is possible to do something like that with iframes, but a lot of websites do not work well in iframes.

I thought about extending the DOM with the HTML tag of the pages I would like to append, then I would have multiple HTML tags in one document which browsers may are able to interpret, but this is not part of the HTML standard which defines only one html tag per document. Also JS/CSS would be confused 😉

Do I have to develop a new browser with multiple window objects or is there any possibility to create my desired endless scroller within existing browsers with existing web technology?

Source: Ask Javascript Questions