Hi Jia Liang,
As per my understanding of your request you would like to build a mashup in Thingworx having looks and functionality of Traditional Webpage. So, to build different feature there are couple of built in widgets which could be used to have a similar looks and functionalities. Some of the widgets which is recommended to be checked out are - Navigation ( to redirect pages) , Menu, List, etc.
Also, in Grid widget property there is option to set ScrollTop which can used as per requirement.
You can refer the below community post and go to Thingworx Widget video sections for details: ThingWorx Video Tutorials
With your help, I have achieved most of the functionality, but I still have an issue.
I use an AutoRefresh widget and a custom service （The service just accumulates and return a number, the resulting number is bind to the ScrollTop ）to make the page scroll down every ten seconds, everything is OK, but I wanna do some action when the page has scrolled to the bottom (can't scroll down anymore ). I don't know how to make the service know the page has scrolled to the bottom if you have some idea, please help me , thanks .
Every service has event that is invoked when the invokation is finished - ServiceInvokeCompleted. If you need to chain any action after your service, it's a good place to start. The rest depends on your needs and what do you want to achieve.
To find this evet, just click on your service in the Mashup Builder - in the right bottom pane there are service properties and so the event,