Control Scroll in Child Page From Parent Page Using jQuery

Control Scroll in Child Page From Parent Page Using jQuery

Can you please let me know if it is possible to control the scroll to element which is in child page from parent page?

Lets say I have a.html like this

<div id="header"> <a href="index.html">Homepage</a> <a href="2.html#app">App</a> <a href="2.html#map">Map</a> <a href="2.html#tap">Tap</a> </div>

and in 2.html I have

<body> <div id="app" style="height:600px;">App Section</a> <div id="map" style="height:600px;">Map Section</a> <div id="tap" style="height:600px;">Tap Section</a> </body>

now what I would like to do is when a user clicks on each of links AppMap, or Tap first load the 2.html and then scroll to the linked section?

Thanks