> 웹 프론트엔드 > HTML 튜토리얼 > 请问一个关于div滚动条的问题_html/css_WEB-ITnose

请问一个关于div滚动条的问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:39:56
원래의
1605명이 탐색했습니다.

代码如下:
nbsp;html>


    
    <script></script>
    CDOS Mail
    


<script> <br /> $(document).ready(function() { <br /> $(".newfolder").show(); <br /> $(".rcvfold").click(function(){ <br /> $('.newfolder').slideToggle(500); <br /> }) <br /> }); <br /> </script>

    
欢迎新用户

    
收件箱

    

        
test1

        
test2

        
test3

        
test4

        
test5

        
test1

        
test2

        
test3

        
test4

        
test5

        
test1

    

    

testaaaaaasdasdasdasdsdas1234567890123456789012345678901234567890123456789012345678901234567890


    

testaaaaaasdasdasdasdsdas


    

testaaaaaasdasdasdasdsdas


    

testaaaaaasdasdasdasdsdas


    

testaaaaaasdasdasdasdsdas






在一个div里创建一个div,外层div有个按钮,点击实现展开/收回内层div内容的功能, 本来要实现的效果是:内层div设置一定大小假如能显示4行内容 test1~4 ,如果还有内容就出现滚动条..

现在的问题是如果加上第一句nbsp;html>,内层div在竖直方向是无法出现滚动条的,但是水平方向无影响.假如内容过多就会跑到页面下面无法查看.   

假如注销第一句nbsp;html>后内层div可以出现滚动条,但是点击收缩的时候内层div内容收缩了但是边框一直还在


请问怎么修改可以实线这两种情况的结合,就是点击按钮实线下拉,然后出现滚动条,再次点击按钮div整体上拉,谢谢


回复讨论(解决方案)

注释第一句后展开效果:

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });
로그인 후 복사
로그인 후 복사

你这里改成这样,然后你把#innerOne的高度设置成固定高度

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });
로그인 후 복사
로그인 후 복사

你这里改成这样,然后你把#innerOne的高度设置成固定高度



非常感谢
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿