<div class='container'>
    <h1>Overflow Anchor Example</h1>
    <div class='content'>
        <p>This is some content that will overflow the container.</p>
        <p>Scroll down to see more content being added dynamically.</p>
        <p>More content...</p>
        <p>Even more content...</p>
        <p>Keep scrolling...</p>
        <p>Final piece of content.</p>
    </div>
    <button class='load-more'>Load More Content</button>
</div>

.container {
    width: 300px;
    height: 150px;
    overflow: auto;
    border: 2px solid #333;
    padding: 10px;
    position: relative;
}

.content {
    overflow-anchor: auto;
}

.load-more {
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #007BFF;
    color: white;
    border: none;
    cursor: pointer;
}

.load-more:hover {
    background-color: #0056b3;
}

// No JavaScript required for this demo

Overflow Anchor Example

This is some content that will overflow the container.

Scroll down to see more content being added dynamically.