Why does jQuery.fadeTo() scroll my horizontal page to the top (=to the left)?

Asked Sep 08 '12 at 15:45

Active Sep 08 '12 at 15:45

Viewed 120 times

I am running a horizontal website. I have a gallery which shows only one picture. For not having to refresh the whole page when changing the displayed picture, I used jQuery fadeIn, load and fadeOut. This worked nice in Safari, but in Firefox it jumps to the left edge of the page. So I googled the problem, and I tried to give the parent div a fix width & height and position:relative, while the swapped div also got a fix width/height and position:absolute. This didn't work. I found a blogpost where a similar problem was described and the solution shall be to use fadeTo. Now this is my code and it doesn't work either:

$("#gal").fadeTo(200, 0, function () {
    $("#gal").empty().load(galleryimage,false).fadeTo(200, 1);
});

Where is my fault? Greetings!

asked Sep 08 '12 at 15:45

luke

Can you please post a JSFiddle? – Charlie Sep 08 '12 at 15:50
I didn't know this before, I hope this will help you. I can add more code if you need it. http://jsfiddle.net/wkUx9/ – luke Sep 08 '12 at 16:03
2

JSFiddle's don't support PHP, I'd suggest changing it. – Charlie Sep 08 '12 at 16:07
OK, I added some placeholders instead. Do you need to know how I realised the horizontal scroll? – luke Sep 08 '12 at 16:12
It's not showing that you updated the fiddle. – Charlie Sep 08 '12 at 16:15
Sorry, I forgot to click on Update. http://jsfiddle.net/wkUx9/2/ – luke Sep 08 '12 at 16:24
Why is there already an `img` tag in the body with the same source? – Charlie Sep 08 '12 at 16:39
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/16443/discussion-between-user1478344-and-charlie) – luke Sep 08 '12 at 16:48
unfortunately the problem still remains – luke Sep 15 '12 at 13:24

Why does jQuery.fadeTo() scroll my horizontal page to the top (=to the left)?

0 Answers0