Question

围绕该主题有一些问题，但大多数都已经有几年历史了。

我只是想知道是否有一种布局页面的方法，以便无论滚轮在哪里，滚轮都会滚动特定的div。

例如，在stackoverflow上，如果您向下滚动主页，您会看到左侧菜单保持固定，并且即使鼠标悬停在标题栏上，也可以在鼠标悬停在菜单上时滚动它。但是，我不知道它可能正在使用javascript。

在研究javascript解决方案之前，我想知道CSS是否已启用此功能，可能是通过默认的div或其他CSS技术实现的。

这是我布局的小提琴：https://jsfiddle.net/thjyf5c3/

<body style="display: flex; flex-direction: column; height:100vh; overflow-y: hidden">
    HEADER FOR THE PAGE

<div style="flex-flow: column; display:flex;flex:1">
        <div style="flex: 1; display:flex;">
            <div style="background-color: red; max-width: 200px; min-width: 100px; flex-basis: 20%">test</div>
            <div style="background-color: purple;flex: 1; display: flex">

                <div style="flex-grow:1; position: relative; overflow:hidden; ">
                    <div style="position:absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll">
                        <div style="flex: 1; display:flex;">
                            <span style="font-size:500px">a<br />b<br />c<br /> </span>
                        </div>
                    </div>
                </div>


            </div>
            <div style="background-color: blue;flex: 1">test</div>
        </div>
    </div>

如您所见，如果鼠标不在网格范围内，它不会滚动。

当鼠标位于页面上的任意位置时，是否存在CSS方法来滚动div？

0 个答案: