div上的溢出滚动

时间:2014-07-10 04:01:17

标签: css

所以我不确定如何解释这个,但我会尝试。我有一个评论页面。帖子是下面的顶部和评论字段。在这两个中间是评论。现在这里是问题,在几条评论之后,用户最终只需要向下滚动以查看表单。我想要做的是显示4条评论,然后当用户向下滚动时,他们会看到更多。只有当他们滚动评论时。它就像overflow: scroll,但在div上。这里有更多可视化的信息

enter image description here

如果用户滚动任何评论,它将像overflow: scroll一样滚动并显示更多评论。所以它就像一个页面,在页面内。我不确定如何做到这一点,因为我没有看到任何帖子,或者知道要搜索什么。任何帮助都会很棒。

2 个答案:

答案 0 :(得分:2)

当鼠标悬停在整个评论部分时,将css更改为

overflow: scroll;

但在该部分之外时,请将其更改回:

overflow: hide;

因此,当外面没有滚动时,你可以滚动内部。

当然,你必须决定正确的高度来限制评论的大小。

小提琴:http://jsfiddle.net/rcsvM/15/

希望这有帮助。

答案 1 :(得分:0)

测试视图

.scroll-wrap{
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(204, 204, 204);
   border-radius: 15px 15px 15px 15px;
   font: normal normal normal 16px/normal Times;
   margin: 20px 24px 0px;
   border:1px solid green;
   position:relative;
   width: 750px;
   height: 606px;
  overflow:hidden;
 }

http://jsfiddle.net/kisspa/ThyYM/