【问题标题】:How to make sidebar fixed?如何使侧边栏固定?
【发布时间】:2014-07-10 02:35:33
【问题描述】:

如何固定侧边栏,以便在向下滚动页面时,侧边栏会像我的主菜单一样跟随?我尝试使用 z-index 来固定位置,但它不起作用。有谁知道如何解决这个问题?

这是我的site

还有人将侧边栏固定在仅博客页面和“senaste nummret”页面上吗?不希望它们固定在所有其他页面上。

【问题讨论】:

    标签: position fixed sidebar


    【解决方案1】:
    .sidebar-left {left: 0px; top: 20px; padding: 0px; position:fixed;}
    

    您需要定义侧边栏的固定位置。因此左侧:0px 和顶部:20px。如果您希望它相对于页眉、页脚或 rhs 固定,只需将“左”更改为正确的位置。

    希望对您有所帮助。

    【讨论】:

    • 确实有帮助!但是对于 left:0px 和 padding:0px ,侧边栏位于内容的左侧。我必须向左推300px吗?请查看我的问题的编辑
    • 您使用的是哪个 CMS? Blogger 或 Wordpress 或其他?您需要为不同的页面模板设置不同的 css 规则,因此请使用 div 类,例如 sidebar-main ;侧边栏-senaste ; sidebar-blogg(如果两个页面使用相同的模板,你只需要一个 css 规则来覆盖它们)。使用浏览器中的“检查元素”工具来微调与左侧的距离(以 px 为单位),以便将侧边栏放在需要的位置。没有看到您的演示页面,很难给出更详细的答案。
    • 我正在使用 wordpress。那确实完美地回答了我的问题!当我放置前 20 像素时,即使我不滚动,侧边栏也会保持在顶部?你懂我的意思吗。无法保存更改,因为它是实时的。
    • 使用位置:固定;和顶部:20px;无论您滚动到哪里,侧边栏都将始终距顶部 20 像素。我可能误解了你的要求。也许此链接对您解释不同的选项有用:w3schools.com/css/css_positioning.asp ...如果您有一个实时站点但需要进行结构更改,我建议您也有一个测试站点。如果可能,请在子域上设置第二个 wordpress 帐户并使用一些虚拟帖子来填写内容,这样您就可以编辑您的主题,而不必担心您的读者会看到它。
    猜你喜欢
    • 1970-01-01
    • 2017-01-07
    • 2014-04-19
    • 1970-01-01
    • 1970-01-01
    • 2015-09-23
    • 2013-03-13
    • 2011-12-08
    • 1970-01-01
    相关资源
    最近更新 更多