It's painful while designing HTML email. I have added back to top link in my HTML email in following format.
<!-- Define top -->
<a name="top" id="top"></a>
<!-- Display Link to top -->
<a href="#top">Back to Top</a>
This works in outlook desktop app, but not working on mobile. Is there any way of make it working.
This works just fine in Outlook 2013, IOS and Gmail. I ran a test just to see what might happen and posted the code:
Going down the email:
<a href="#C4">Jump to Chapter 4</a> <a name="C4"></a>
Going to the top:
<a name="top"></a> <a href="#top">Jump to Top</a>
There's a few caveats working with internal hrefs.
First off, you need email document length for the page to move. In Gmail, it would not work until I made the window smaller.
You need enough document room below the a name
for at the bottom to work. If the a name
is on the bottom line, unless you add space below it, the page will not move.
The <a name>
and the <a href>
are case sensitive. If they don't match, it will never work.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.