<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>隐藏滚动条但可滚动</title> <style type="text/css"> .wrap{ width:500px; height:500px; overflow:hidden; } .box1{ width:500px; height:500px; margin:0 20px; overflow-y:scroll; overflow-x:hidden; background-color:#eee; } .box2{ height:1000px; } </style> </head> <body> <div class="wrap"> <div class="box1"> <div class="box2"> <p>box1和box2实现在一定高度的节点(box1)里展示大于该高度的节点(box2)</p> <p>box2里面滚动了多少可以通过box1.scrollTop来获取</p> <p style="margin-bottom:850px;">wrap作为最外层的节点，作用是用来隐藏滚动条的</p> <p id="end">The-end</p> </div> </div> </div> </body> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » 隐藏滚动条但可滚动 喜欢 (0)or分享 (0)
