```
<html>
  <body>
    <div class="container">
      <div class="menu"></div>
      <div class="list"></div>
    </div>
  </body>
</html>
.menu{
float:left;
width:50%;
}
.list{
float:right;
width:50%;
}

```

how to disable the whole html's scroll. but the menu div and list div can scroll vertically?
and dependently?

I mean when I scroll the left div the right div do not have to scroll together.