使绝对位置div始终从上到下可见

Question

对于我的网站，我需要一个区域坐在视口的边缘，以便在拖动时显示菜单。定义该区域的div不能是position:fixed，我试图在没有javascript的情况下完成此任务。 这是我的基本html：

    <div id="content" class="snap-content">
        <div id="toolbar">
            <a href="#" id="open-left"></a>
            <h1>Default</h1>
        </div>
               // Content
        <div id="do-drag"></div>
    </div>

#do-drag div我需要沿着视口的左边缘坐着，从上到下运行，大约25px宽，无论有多少内容。它不能是position:fixed。它需要永远在那里。并且drag div必须位于content div。

内

现在，我看到两种可能性：

• 实际上没有滚动的100％高absolute div，或......
• 滚动的div，但它不会短于视口的100％

我尝试将#do-drag置于另一个div中并混合绝对和相对定位。我尝试将drag div扩展到800％并使用overflow设置剪辑它。这些以及其他一些尝试都失败了。