jQuery - как сделать фиксированную прокрутку div по горизонтали после вертикальной прокрутки

Это своего рода вариант следующего, но немного другой: Как получить div с фиксированной позицией для горизонтальной прокрутки с содержанием? Использование jQuery

Вот мой вариант: http://jsfiddle.net/Bdwc4/

По сути, я хотел бы видеть, что "x" справа от div и в для этого div должен быть абсолютным. Но в то же время мне нужно, чтобы div фиксировался при вертикальной прокрутке. Другими словами, вы всегда должны видеть «x» в этой фиксированной позиции при прокрутке по вертикали или горизонтали. Он вроде как делает то, что я хочу, но только когда вы находитесь в верхней части окна. Я' Я хочу иметь возможность прокручивать по горизонтали, независимо от того, где вы прокручиваете по вертикали.

Если вы решите не использовать jsfiddle выше, вот код, который я использую:

x

    Enter a very long string of text

После ввода кода сожмите окно браузера окно по горизонтали и вертикали, пока "x" в красном поле не исчезнет из поля зрения, что заставит вас прокрутить его по горизонтали, чтобы увидеть его, и пока вы прокручиваете вертикально, красное поле должно находиться в фиксированном положении.