Develop Reference

Safari does not remember Scroll-Position on "Back"-Button

we have some very strange issue in our webshop:
You scroll down in a category and choose a product
After the load of the productdetail page you go back with the "Back-Button" in Safari
Safari does not remember the scroll position and automatically scrolls up to the header. (You can see for less then a second the right scroll-position before safari starts scrolling up to the header)
And now here it gets really strange:
This problem just exists if the "Google Analytics JavaScript" ist loading!
If we reject the cookie for Google Analytics, the problem is not happening. (As I can see from the Safari-Console, the JavaScript of "Analytics.js" ist loading at last)
Do you have any ideas how we can prevent safari from scrolling up to the header after clicking the "Back-Button"?
Do you have any idea how I can debug this issue?
Best regards.

Not working on mobile devices

I've set up the script on this page. The sign-up form at the bottom.
Problem:
On mobile the page shrinks quite a bit on the third page of the form, however the iframe stays the same so the user is left with a big blank space.
How to get it working on mobile? I'm testing in chrome on android at the moment.
Open to all suggestions.

Scroll doesn't work on my website

For some reason I can't scroll on a website that I am working on. Eventhough u see the scrollbar and u can drag it up and down. It doesn't work with the mousewheel or arrows. This problem is only on chrome on a windows machine. It does work on other browsers and also works on mac.
When I refresh the website with inspector open it does scroll, and when I hold my mouse on a google maps iframe it also scrolls.
Tried to fix it with css, but that didn't work.
Does anyone know what it could be?

Try to install an origin template from wordpress (Like Twenty xxx) and test it.
If it's work, you've a problem with your own template. If not, re-install Wordpress.

Delay in hiding mobile address bar

I have a problem that's driving me nuts - I've found one other question about it, but no conrete solution.
I'm using the following to hide the URL bar on my mobile site:
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 0);
}, 0);
});
This works fine, but there is just a very large gap between when the content jumps to the top, and when the actual URL bar slides up. Has anyone else run into this?
Here's the other question: Jquery mobile - Delay auto hiding address bar
This question points to iOS6's new 'Reader' button as the culprit; is there any forseeable way around it? Hiding Address Bar in Mobile Safari With Reader Button Visible
FYI, unlike the similar question I posted, I'm not using jQuery mobile, just plain old jQuery 1.8.

It might be that you have images or you are using scripts form CDNS that take a while to load, you might try loading the page in a browser and checking with the timeline tab to see if anything is taking a long time to load.
Another idea, the issue might be the the size of your screen is not initially long enough to allow for the scroll? So its possible that it can't scroll till you run additional scripts.

So it is most definitely the 'reader' button that is causing the delay - I was using article tags to display my content; switching to a standard div remedies the problem. FWIW, the delay goes from around 5 seconds with the reader button enabled, to under 1 second without it on iOS 6.

How to make the status/address bar disappear in Firefox or IE?

I'm creating a website for a kiosk, and I need to make the bar that shows the page address you are about to go to at the bottom of Firefox or IE disappear. Please see the image.
Is it possible to make this bar disappear?
EDIT:
Thanks to everyone's reply. I have tried the code Chris and Mrtsherman suggested, I'm not sure I missed something unfortunately none of it worked for me. Is it really not possible to hide the status bar for Firefox in the kiosk mode?
The problem I'm having is that I've got three divs on one page, so it goes like a photoslide when each div is clicked, the first div is an a tag entirely so the status bar is showing all the time. If making the status bar disappear not possible, is there any way I can set the cursor off the screen so that the status bar doesn't show all the time on the first div? Thanks a lot.

If you'd like to use Internet Explorer, just create a shortcut in the client's startup folder that points to iexplore -k http://example.com. This will start IE in Kiosk Mode at the designated page, as soon as the kiosk machine starts.
Alernately, you could have the first page open a pop-up with code like this:
window.open(filename,"","width="+winwidth+",height="+winheight+",scrollbars=yes ,menubar=no,location=no,left=0,top=0")
to open a window with no UI chrome.
Option 3:
Try this, not sure if it will work. In firefox you can enable an option to allow the status text to be changed via javascript:
Tools -> Preferences -> Content -> Enable Javascript(click on the 'Advanced' Button) -> Change status bar text
Once you've done that in Firefox, add this snippet to your achor tags:
onmouseover="window.status=''; return true;"
I make no guarantees this will work as desired.

You can't force that to go away. It is a function of the browser and provides the very useful feature of telling the user where a link is leading.
Here is a userscript that apparently works for FF.
#namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#statusbar-display:not([label^="Looking"]):not([label^="Connecting"]):not([label^="Connected"]):not([label^="Transferring"]):not([label^="Waiting"]):not([label^="Read"])
{opacity: 0 !important; }
http://userstyles.org/styles/43764/firefox-10-only-hide-hovered-link-target-urls

"useful feature"? awho the hell cares, where a link points to? this is just a huge annoyance in any browser. no normal user cares about this and even if they did, most URL are not readable anyway.
so this should be off by default and possible to switch on for developers...