Scroll to div smoothy on page 2 - after clicking on a link on page 1?

Scroll to div smoothy on page 2 - after clicking on a link on page 1?

I have a link to (news)article from a ie cover page (page 1) looking
something like this..
<a href="nn.com/stories/being_at_mall.html#article">Read this story</a>
On the other, destination page (page 2), div awaits with this remark
<div id="#article"></div>
What I wish to do/try is;
after clicking on a link on page 1, first for page 2 to loads up and stay
at a very top for maybe 1 second (for user to enjoy header on page 2 a bit
lol),
and after that intro, for page to smoothly scroll down itself to anchored
div.
I have a marked very top of a page like (<div id="top"></div>) if needed.
Thx in advance!