Question

我的页面包含两个垂直DIVS：nav_div和content_div。我的CSS看起来像这样：

#nav_div{ 
    width: 300px; 
    height: 100%;
    overflow: hidden;
}

#content_div{
    position: fixed;
    top: 0; 
    left: 300px;
    overflow: auto; 
    padding: 0px 0 0 0;
}

我想要完成的任务：如果鼠标悬停在nav_div上，则整个页面垂直滚动使用鼠标

Answer 1

这不适用于纯html / css。你需要javascript来完成你想要的。你可以在这里找到一个jQuery示例： https://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

Answer 2

如果您希望nav_div保持静止，则该position:fixed应该#nav_div{ position: fixed; width: 300px; height: 100%; overflow: hidden; } #content_div{ position: absolute; top: 0; left: 300px; overflow: auto; padding: 0px 0 0 0; }：

#nav_div{ 
    position: fixed;
    width: 300px; 
    height: 100%;
    overflow: hidden;
}

#content_div{
    margin-left: 300px;
    overflow: auto; 
    padding: 0px 0 0 0;
}

可替换地：

{{1}}

当鼠标悬停在特定DIV上时，如何使整个HTML文档滚动？

2 个答案: