{"id":51696,"date":"2021-02-19T03:01:06","date_gmt":"2021-02-18T17:01:06","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=51696"},"modified":"2021-02-18T17:48:36","modified_gmt":"2021-02-18T07:48:36","slug":"webpage-vertical-position-return-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/webpage-vertical-position-return-tutorial\/","title":{"rendered":"Webpage Vertical Position Return Tutorial"},"content":{"rendered":"
Webpage<\/a>

Webpage Vertical Position Return Tutorial<\/p><\/div>\n

We have a very simple “proof of concept” web application to present today. The reason for our “webpage position return” idea centres around four concepts …<\/li>\n\n\n\n
Today we …<\/th>\nWhereas usually we …<\/th>\n<\/tr>\n
\n
    \n
  • “a” link navigation that is target=_self (ie. default navigation that stays on the same web browser tab clobbering content)<\/li>\n
  • webpage vertical scrolling of content to “below the fold”<\/li>\n
  • hashtag # navigation<\/li>\n
  • use of web browser back link\/button<\/li>\n<\/ul>\n<\/td>\n
\n
    \n
  • “a” link navigation that is target=_blank (ie. to a new web browser tab leaving original webpage unaffected)<\/li>\n
  • try for “no webpage vertical scrolling of content required”<\/li>\n
  • try for “no need for hashtag # navigation”<\/li>\n
  • try for “no need for use of web browser back link\/button”<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/table>\n

    So what happens if no hashtag # navigation happens ahead of navigating to a new webpage via an “a” link set to target=_self? It will, unless catered for (and there is a mix out there), will return back to that previous webpage at its topmost positioning (as far as vertical scrolling goes). The internal hashtag # navigation concerns taken in our proof of concept allows the return to be either exactly, or nearly, returned to …<\/p>\n

      \n
    • the appropriate webpage … doh! …<\/li>\n
    • at an apt vertical scrolling position<\/li>\n<\/ul>\n

      See what we mean, and what we are talking about with our first draft “proof of concept”<\/a> live run<\/a> you can also try below …<\/p>\n