Konsole gibt undefiniert zurück; eval gibt Normalwert zurück [Duplikat] ⇐ CSS

[Anonymous]

Wenn ich die Funktion .offset() oder .position() von jQuery verwende, geben sie immer undefiniert zurück. Wenn ich sie in die Konsole eingebe, erhalte ich das gleiche Ergebnis, aber eval(?) gibt den richtigen Wert zurück. Warum ist das so? Ich bin neu bei jQuery und daher etwas verwirrt.


html:

Code: Select all

r

css:

Code: Select all

body {
height: 100%;
width: 100%;
}

.container {
width: 100%;
position: relative;
float: left;
background: #fff;
height: 1200px;
}

.inner {
width: 150px;
height: 100px;
position: absolute;
top: 20%;
left: 10%;
background: red;
}

js:

Code: Select all

var offset = $(".inner").offset();
$(window).scroll(function(event) {
var st = $(this).scrollTop();
$(".inner").css("left", st + offset.left);
});