Question

我有一个文档，所有元素的位置都是固定的，而html和body都有溢出：隐藏。

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

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

反正有没有实现我想要的目标？ ...隐藏所有滚动条但仍然允许鼠标滚轮滚动该特定元素的内容，而不管光标放在哪里？

我在想的一个例子：

<!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>

Make $（window）.scroll（），滚动一个特定的元素

0 个答案: