Question

我的网上商店有一个购物车div，当你向下滚动时，它会粘在屏幕上。我正在使用此页面中的解决方案 - 答案最多，而不是接受的答案： How can I make a div stick to the top of the screen once it's been scrolled to?

当访问者添加许多项目时，购物车会比浏览器窗口更高，并且某些项目会在浏览器下方消失。我想使用overflow-y：scroll添加一个滚动条到div，但问题是，即使div高于屏幕，浏览器仍然认为用户可以看到整个div，所以滚动条没有没有启用。

我可以以某种方式让div知道它不应该超越屏幕，而是激活滚动条吗？

谢谢！

Answer 1

您可以根据屏幕高度将max-height与媒体查询结合使用吗？

Answer 2

根据我的理解，max-height适用于这种模块。

检查http://jsfiddle.net/kundansankhe/mch22264/1/

html, body {
            height:100%;
    }
.test {
            position:fixed;
            top:0;
            overflow-y:auto;
            border:1px solid red;
            width:150px;
            max-height:100%;
        }

要占用滚动条空间，你可以使用overflow-y：scroll，这样它就会占用滚动条空间，并在内容大于屏幕高度时启用。

检查更新的链接http://jsfiddle.net/kundansankhe/mch22264/1/

使浮动div不会超出屏幕 - 激活滚动条而不是

2 个答案: