scrollable div with fixed content

[lampochkin]

как сделать div с overflow:auto; так, чтобы часть текстового содержимого не двигалась при скроллинге?

[Pavel M.]

можно так, только зачем ?

<div style="overflow:auto; width:220px; height:150px;">
    <p style="position: fixed; width:200px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
</div>

[Nekromancer]

можно так, только зачем ?

Оно так от body позиционируется.

[Pavel M.]

в первом сообщении было
"как сделать div с overflow:auto; так, чтобы часть текстового содержимого не двигалась при скроллинге?"

div с overflow:auto - это есть

часть текстового содержимого не двигалась при скроллинге? - не двигается ни при скроллинге дива, ни при скроллинге страницы :-)

[lampochkin]

Павел, конечно, скроллинг дива.

[Pavel M.]

можно так

<div style="overflow:auto; width:220px; height:250px;" onscroll="this.children[0].style.top = this.scrollTop + 'px'">
    <p style="position: relative;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
    <p>Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
</div>