css - 禁用页面的滚动功能

Question

有 3 个 div，彼此并排。

所以 div1 div2 div3

有没有办法让滚动条只聚焦在 div2 上？这样当用户只在 div2 上“滚动”时，始终可以看到 div1 和 div3 的内容？

如果可能，最好是 css 解决方案。如果不能，有哪些可能的解决方案？

Answer 1

#div1, #div3
{
overflow: hidden;
}

#div2
{
overflow:scroll;
}

如果你想隐藏水平滚动使用:overflow-x:hidden 垂直使用overflow-y:hidden