How to make HTML Code for "Back to Top" work in Firefox
In IE, the following code placed at the bottom of a page (without more) works perfectly to take you back to the very top of the page:
<a href="#top">Back to Top...</a> However, this does not work in Firefox. In Firefox, the bottom link works only when the following is added somewhere near the top of the page: <a name="top"></a> The bottom link then takes you back only up to the exact level on the page where the "<a name="top"></a>" code appears; not to the very top of the page. (This is the same for either Firefox or IE). How could I get the "<a name="top"></a>" code up into the logo area of the header (rather than just at the top of the center column of text)? Or, is there another way to get just the bottom code to work in Firefox (without the top code) to take you to the very top of the page, as it does in IE? Many thanks! Using WordPress 3.0.1, Atahualpa 3.5.1 |
There are several "go to top" and "scroll to top" plugins at wordpress.org. I would try one of those. I just tested the Dynamic To Top plugin and it worked fine.
|
Thank you very much, Larry.
I also discovered an easy way to do this without using another plugin: Just go to Atahualpa Theme Options>HTML/ CSS Inserts>HTML Inserts: Header, and add the following code: <a name="Top"></a> Then the following code placed in a Widget Area below the loop, on each page: <a href="#Top"> Back to Top… </a> automatically takes you to the top on every page. This now works both in Firefox and IE. |
Thanks for that tip... I will put that in my quiver.
|
Also I'm not sure if you meant to say a widget area below the loop but all you have to do is add <a href="#Top"> Back to Top… </a> to the top of the Below the Loop box. You don't need to add a new widget area.
|
All times are GMT -6. The time now is 03:52 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.