could somebody please help me with the following:

I want to scroll to a Position when loading a page.
I have a big Header Image and the page should be scrolled to about 60% of the height of the Image.

I have created a "JSFIDDLE". You find it here:


The Goal is that the site starts on height of the Girls elbow.

I use the following code:

$(document).ready(function() {
The challenge is, that the site is responsive and the height of the Image varies. Therefore I can't use +230px. I need to use a percentage value like 60%, but everything I tried doesn't work. I am not familiar with the JS-Syntax.

I also read through some Manuals, but they didn't help me.
Scrollto-function: Ariel Flesler: jQuery.ScrollTo
Demo: jQuery.ScrollTo

Perhaps somebody could help me?

Thank you!