使用主页面滚动滚动固定DIV

时间:2015-03-26 18:17:10

标签: html css

我正在自己重新创建一个Wordpress主题,我正面临着侧边栏的问题。

它已修复并适合我的1280x720显示器,但如果您在屏幕上看到该网站,例如800x400,则侧边栏不适合。

固定后,屏幕很小时会隐藏内容。

我可以使用overflow: scroll但我想要的是当您使用主滚动条时向下滚动div,如实际主题中所示:

https://twentyfifteendemo.wordpress.com/

PS:我正在使用主题个人用途而不是商业用途!

编辑:这是我的页面:http://pvlts.ga/

1 个答案:

答案 0 :(得分:0)

通过将类信息的“固定”位置更改为“绝对”,它会正常滚动(样式表的第16行)。

.info { position: absolute; }

编辑:如果你想将侧边栏固定在更大的屏幕上,你可以使用媒体查询只定位宽度小于1100px的屏幕,如下所示:

@media screen and (max-width: 1100px) { .info {position: absolute; } }