0

我有一个文档，所有元素位置：固定，html 和正文有溢出：隐藏。

在页面的中心，我有一个具有指定高度的元素，也带有溢出：隐藏。但是，这个元素的内容确实有溢出，但我需要隐藏讨厌的滚动条。这个容器有一个内部包装器，它当然可以让我获得内容的实际高度。

我尝试过制作一个具有完整窗口大小的覆盖元素，其内部元素的高度与我的内部内容包装器的高度相同，但我似乎无法按预期工作。

有没有办法实现我想要的？...隐藏所有滚动条但仍允许鼠标滚轮滚动该特定元素的内容，无论光标放在哪里？

我在想的一个例子：

<!DOCTYPE html>
<head>
    <script src="jquerylib-bla-bla.js" />
    <style>
        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        #element {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 500px;
            height: 500px;
            margin: -250px 0 0 -250px;
            overflow: hidden;
        }
    </style>
    <script>
        $(document).ready(function() {
            $(window).mousewheel(function() {
                $('#element').trigger('scroll'); // However, this is not possible :)
            });
        });
    </script>
</head>
<body>
    <div id="element">
        <div id="element-inner">
            Some content that exceeds the height #element.
        </div>
    </div>
</body>
</html>
4

0 回答 0