我有一个使用零售商主题的woocommerce商店设置。我正在尝试创建一个固定的标题,并使其只有产品区域滚动。到目前为止我已经解决了所有问题,除了标题。我附上了一个.gif作为滚动的例子。
GIF滚动: http://i59.tinypic.com/dxnuyr.jpg [放大Tinpic看动画]
网站:http://museiam.ca/product-category/men/
任何输入都表示赞赏。谢谢!
答案 0 :(得分:2)
标题的CSS应为
.header-class-name{
position: fixed;
top:0;
}
答案 1 :(得分:2)
使用此css行
.container_12{margin-top: 188px;}
.menu_centered_style, .gbtr_tools_wrapper{
position: fixed;
width: 100%;
z-index: 999;
}
.menu_centered_style{
top: 62px;
}
.gbtr_tools_wrapper{
top: 0;
}
答案 2 :(得分:0)
你可以使用bootstrap 3来使报头响应以及静态,并且可以在滚动页面时保持在顶部。
bootstrap也将负责响应式设计。