css如何做页面折叠

html-css019

css如何做页面折叠,第1张

css页面折叠可以通过display:block/none 来控制内容显示和隐藏。 同时用js来触发。

你的采纳是我前进的动力!

记得好评和采纳，答题不易，互相帮助，

手机提问的朋友在客户端右上角评价点满意即可.

如果你认可我的回答，请及时点击采纳为满意回答按钮！

像css, html, JavaScript以及其它代码, 都是纯文本文件, 你所看到的折叠, 着色等功能都是编辑器实现的, 不需要特别操作, 只需要使用好的代码编辑器就可以了. visual studio code以及atom都是当今最为流行也最为出色的JavaScript/html/css编辑器. 都是免费的, 体积也都比较小. 百度直接搜索,打开官网下载即可.

可以改变 "div" 元素的高度(jQuery的animate方法)：

$(".btn1").click(function(){

  $("#box").animate({height:"300px"})

})

也可以设置溢出隐藏：

<div style="min-height:10pxoverflow:hidden">

    <div style="margin-top:-800px">content more..</div>

</div>

第二种方式也需要js动态改变div style里面的margin-top。