css - 如何制作带有固定侧边栏的可滚动网站?

标签 css sidebar

我想做一个非常简单的网站。

我需要一个带有一些链接的固定侧边栏。

我需要一个带有滚动条的主窗口,它只滚动主窗口,而不是完全滚动边栏。

我可以在不创建 3、4 或 5 个 div、mains、navs、sides、sections、articles 或其他内容的情况下执行此操作吗?

我可以在不超过 10、20 或 30 行 css 的情况下做到这一点吗?

this answer 中的示例接近我想要的。但是用 38 行 CSS 编写如此简单的东西似乎很荒谬。

最佳答案

这是您要实现的最低设置: https://jsfiddle.net/jv891nv8/1/

它只有一个内容 div 和一个

position: fixed

侧边栏。从这里您可以修改为您喜欢的内容。

关于css - 如何制作带有固定侧边栏的可滚动网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42047082/

相关文章:

jquery - 如何将 CSS 动画更改为 jquery animate() 代码?

javascript - 如何选择包含引号的元素?

overlay - 有没有办法阻止图像显示在不透明覆盖层之上?

javascript - 如何在悬停时显示隐藏的侧边栏

html - 使用 CSS 在内容旁边定位侧边栏

php - 使用 HTML 和 CSS 打印页面时如何在第二页上显示相同的边距?

javascript - 样式表,下划线输入

javascript - 如何关闭响应式菜单,单击导航外部

javascript - sap.tnt.sidenavigation 如何获取SAPUI5中导航列表项是隐藏还是显示?

google-apps-script - 谷歌表格脚本: Get Value From Script Function Into Sidebar