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

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

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

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

<style>
.scroll_fixed {
    left:500px;
    position:absolute
}
.scroll_fixed.fixed {
    position:fixed
} 
.x { float:right }

.foo { background-color: red; width: 150px; height:150px; left:500px }
body { width: 500px }
.header { margin-top: 100px }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
$(window).scroll(function(event) {
    var x = 0 - $(this).scrollLeft();
    var y = $(this).scrollTop();

    // whether that's below the form
    if (y) {
        // if so, ad the fixed class
        $('.scroll_fixed').addClass('fixed');
    } else {
        // otherwise remove it
        $('.scroll_fixed').removeClass('fixed');
    }  
});
</script>
<div class="header"></div>
<div class="scroll_fixed foo"><div class="x">x</div></div>
<div>
    Enter a very long string of text
</div>

После того, как вы введете код, уменьшите окно браузера по горизонтали и вертикали, пока символ «x» в красном поле не будет виден, что заставит вас прокрутить горизонтально, чтобы увидеть его, и пока вы будете прокручивать вертикально, красное поле должно быть в фиксированной позиции.