0

How seamless scroll down to next page is achieved without reloading the page and showing both like this News Paper page and also the page url is also changing while scrolling down ?

codefreaK
  • 3,584
  • 5
  • 34
  • 65
  • @DinoMyte I dont have a clue how to implement this ?.So I dont have a representation of this .I am dumbstruck meaning how its loaded is it loaded using ajax on scroll and appended down the or how the scroll takes place and simultaneous address bar change – codefreaK Nov 20 '15 at 17:56

1 Answers1

1

2 parts are there.

Part 1: Load the new contents when scroll is at the bottom of the page and append the new content to the bottom of the page eg: jQuery.append()

Part 2: Change the url - works in most modern browsers

window.history.pushState("object or string", "Title", "/your-new-page-url");

More info on pushState here

kiranvj
  • 32,342
  • 7
  • 71
  • 76
  • Thanks I was also thinking along the same lines :D .I was just reading this http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page – codefreaK Nov 20 '15 at 18:11