【问题标题】:Overflow scroll on divdiv上的溢出滚动
【发布时间】:2014-08-31 08:09:19
【问题描述】:

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

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

【问题讨论】:

    标签: css


    【解决方案1】:

    将鼠标悬停在整个 cmets 部分时如何将 css 更改为

    overflow: scroll;
    

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

    overflow: hide;
    

    这样在外面没有滚动,但在里面你可以滚动。

    当然,您必须确定合适的高度来限制 cmets 的大小。

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

    希望这会有所帮助。

    【讨论】:

    • 这不是文字。而是div。
    • 我加了一个小提琴解释
    【解决方案2】:

    测试视图

    .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/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-09-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-03
      • 1970-01-01
      相关资源
      最近更新 更多