javascript - 在小屏幕上固定定位的 html div 有什么好的解决方案？

Question

我在正在构建的 HTML 页面的右侧有一个固定位置的 div。当页面滚动时，这个 div 应该是粘性的。问题是在较小的屏幕上，某些内容会被隐藏，因为它不能完全适合页面(例如:http://jsfiddle.net/uJN4Q/)。

我试图通过将内容放入容器 div 内的 div 来解决这个问题，将容器 div 设置为具有 bottom 值，将内部 div 设置为容器 div 高度的 100%，并在内部 div 上设置 overflow: auto。这个解决方案的问题是，在更大的屏幕上，内部 div 的底部会有大量难看的空白。

关于如何使整个文本可见的任何想法，div 仍然是 position: fixed，并且 div 的底部“粘附”到文本的最后一行所以 div 底部没有空格？

Answer 1

CSS @media 查询怎么样？

@media (max-width: 600px) {
    #sticky_part {
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 35px;
    }
}

当文档足够小时，这个粘性部分会突出到顶部，这样就不会打断您网站上的其他内容。我的微博，http://jscal.es , 使用这种技术。