Page Jump / Same Page Anchor Link / Top of Page

Tried in IE, but parts of the content are missing completely, error on page (according to IE).

I can’t even see the anchor in this case to click it..

@t31os_ Since changing the permalinks, the links on the side and top nav do not work currently and the back button itself appears when you scroll right thanks to jQuery.

Fine for me in Firefox, IE8 and Opera 10

@esmi and @t31os_ I just tried creating a page jump link on another WordPress 2.9 installation the same way and it also appends the domain plus a trailing slash to #top when rendered in a browser.

Maybe it’s a 2.9 issue? Kind of odd to be honest with you.

Yes i know where the back button is, i’m saying it’s missing when rendered in IE for me.

Firefox works great, IE not so great..

@t31os_ my mistake on that ?? what version of IE?

IE7 , XP SP2 .. ??

Hmmm I’ve done some more digging and I believe this is what will have to be done:
Link Jumps to More or Top of Page

I’m going to try it out and see what I get. Thanks again for all the time and help guys!

@t31os_ cool, thanks for giving me those details.. I’ve only been working on this site for a while and it still has a LONG way to go. I haven’t done any IE bug squashing yet ??

No problem, love the photography work by the way .. not a fan of the yellow color on the site, but love the imagery.. ??

@t31os_ Thanks, I’ll be sure to let my buddy Dustin know you like his work ??

Hey Everyone,

Thanks again for checking out this problem I had, but man did it turn out to be a problem more in concept then execution!

Page jumps are supposed to work with the natural flow of a website; vertically (duh i know). So make a page jump horizontally with out the aid of javascript works in the latest version of Firefox, Opera, and IE8 (as reported by esmi), but not so much in earlier version of IE and the most current versions of Safari and Chrome.

So, we need to find an alternative to manipulate and force the behavior, so that we can page jump horizontally. After doing separating myself from the website I researched other horizontal sites and found a simple solution: The Tiny Scrollings Javascript Solution

The horizontal page jumping information can be found towards the bottom of the page. Also here is a working demo of a site that really uses it: Dean Oakley’s Portfolio

Thanks again for all the help and I hope everyone finds this useful!

Also a note when trying to do page jumps in IE – you must place characters between the start and end anchor tag. You do not need to do this with Chrome, Firefox, etc. For example

Bad:
<a name="#location1"></a>Location 1

Good:
<a name="#location1">Location 1</a>

This may be rudimentary but it tripped me up because I didn’t want the anchor styles applied to my “location” text. Of course I overcame my laziness and defined a new class ??