|
In this example, we explore how to add the Top of Page link to the lower-right corner of the screen. To accomplish this, we need to take advantage of CSS Positioning and two Dynamic HTML events, onscroll and onresize. If you are running Internet Explorer 4.0, scroll the page down a little. Once the scrollbar moves from the top of the document a link is displayed in the lower-right hand corner. In all other browsers, the link is displayed at the end of the page. We created this by trapping the onresize and onscroll event. Each time the document resizes or scrolls, if the vertical scrollbar is not at the top of the document, we calculate the lower-right hand corner position of the client area
and display the link.
The code I am using has two parts. The first is placed before the <BODY> label. |
I like to go too many steps forward. The portrait is background for the inner table. <TABLE ID=pageTop><TR><TD NOWRAP> <TABLE BACKGROUND="ej.jpg" width=117 height=150> <TR><TD NOWRAP> </TD></TR></TABLE> <A HREF="#top">Top of Page </A></TD></TR></TABLE> |
|