Question

我目前正在自定义Big Cartel网站，并且遇到了使用Parade主题时页眉随页面滚动的问题。

这对我的主要商店页面来说还可以，但是对于我的Lookbook页面，它覆盖了我的内容太多，我希望它可以隐藏或停止滚动。

有人对此有解决方案吗？

非常感谢您！

suite.run()
# suite.run(critical='Medium')
# Reading from output XML and creating Report and Log files
writer = ResultWriter('output.xml')
writer.write_results(report='report.html', log='log.html')

Answer 1

您的标题为fixed，因此它相对于视口将处于固定位置。只需使其relative或一起移开位置即可使其static。

.header {
  background-color: transparent;
  padding: 50px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 97;
}

理解以后的position属性将对您非常有益，因此这里是一个小概述。

您需要知道 5个不同的位置值；

静态（默认）

带有position: static;的元素没有放置在任何特殊位置办法;它始终根据页面的正常流程进行定位。如果您未在CSS中明确设置position，则为position: relative;的定义。

相对

带有position: fixed;的元素相对于其元素定位   属于层次结构的正常位置。

设置菜单项的顶部，右侧，底部和左侧属性   相对定位的元素将导致其被调整为远离   它的正常位置。其他内容将不会调整以适合   元素留下的任何空隙。

已修复

带有fixed的元素相对于视口，这意味着即使页面被滚动。使用top，right，bottom和left属性定位元素。如果在顶部将导航栏设置为fixed，它将始终位于视图的顶部。如果您将页脚设置为position: absolute;的底部，则该页脚将始终位于视图的底部，并在滚动时保持在那里。

绝对

带有absolute的元素相对于   最近的祖先（而不是相对于   视口，就像固定的一样。）

但是；如果绝对定位的元素没有定位   祖先，它使用文档主体，并与页面一起移动   滚动。

我个人建议对absolute保持谨慎   定位，并且实际上仅用于覆盖和分层   位于{{1}}的元素将忽略文档流。

停止在Big Cartel网站上滚动标题图像

1 个答案: