Question

我一直在寻找，但我无法在互联网上找到它。

这是我的问题。

我想让<main>元素拥有overflow-y:scroll。身体上没有滚动条，但在主体上。

我用笔来说明：http://codepen.io/magalielinda/pen/rymzBG/

正如您所见，滚动条显示，但它不滚动。 Pourquoi？我怎么做它滚动？

这是我的演示html，对于那些可以通过这种方式更轻松地回答它的人：

<main>
  <div class="content__container">
  </div>
</main>

和demo css：

body {
  overflow: hidden;
  height: 100%;
}

main,
.content__container {
  height: 100%; 
}

main {
  overflow-y: scroll;
  background-color: red;
  border: 1px solid blue;
}

.content__container {
  max-width: 200px;
  margin: 0 auto;
  background-color: aqua;
  height: 1000px;
}

非常感谢！

更新

我改编自这个解决方案。这是结果。 http://codepen.io/magalielinda/pen/JWyVOM

Answer 1

height: 100%将1000px以容纳.content__container的内容。如果你检查main, .content__container, body，它们都是1000px高。因此，所有内容都只是溢出body并且您在overflow: hidden上设置了body - 没有滚动条。

您只需要限制main的高度，以便滚动溢出。如果您改用100vh，事情就会按照您的预期滚动。

body {
  overflow: hidden;
  height: 100%;
}

main {
  height: 100vh;
  overflow-y: scroll;
  background-color: red;
  border: 1px solid blue;
}

.content__container {
  max-width: 200px;
  margin: 0 auto;
  background-color: aqua;
  height: 1000px;
}

<main>
  <div class="content__container">
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
    foobar<br>
  </div>
</main>

Answer 2

给你的主人-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { DesplayCell *cell = [tableView dequeueReusableCellWithIdentifier:@"desplayCell"]; if (!cell) { [tableView registerNib:[UINib nibWithNibName:@"DisplayCell" bundle:nil] forCellReuseIdentifier:@"desplayCell"]; cell = [tableView dequeueReusableCellWithIdentifier:@"desplayCell"]; } // return cell;：

max-height

http://codepen.io/anon/pen/Mpmvvr

强制滚动内容元素

2 个答案: