MecuryJerry 2021-09-01 15:13 采纳率: 75%
浏览 185
已结题

CSS如何在某个盒子内进行滚动

我需要将导航栏固定在顶部然后页面纵向被撑满了需要使用滚动条，之前看网上的解答是给body设置overflow:auto，给导航栏设置position:fixed。这样虽然可以实现但是我总感觉怪怪的，而且感觉复杂。我的现在有一个想法：把导航栏放进一个盒子a，剩下的主体页面放进盒子b，我只需要将盒子a固定在浏览器顶部，然后在盒子b里进行滚动不就可以吗？CSS小 白，请问各路大 神这种思路可以实现吗？

  • 写回答

4条回答 默认 最新

  • 孤月葬花魂 2021-09-01 15:26
    关注

    吸附定位，有奇效

    <body>
  <div style="position: sticky; top: 0; height: 30px; background: tomato;"></div>
  <div style="height: 2000px; background-image: linear-gradient(to bottom, brown, skyblue);"></div>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 9月2日
  • 已采纳回答 9月2日
  • 创建了问题 9月1日

悬赏问题

  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题
  • ¥30 python代码，帮调试
  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能！！有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗？