Shopfiy粘Div

时间:2016-05-20 05:02:32

标签: shopify

我正在使用Shopify Icon主题。每当有人在手机上打开时,我都需要在屏幕底部加一个粘性div。类似于下面的图片。

有人可以帮助解决这个问题。

sticky div example

1 个答案:

答案 0 :(得分:0)

将css添加到主题css文件

.sticky-div {
  display: none;
}
@media screen and (max-width: 768px) {
  .sticky-div {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    z-index: 10000;
    /* set height as you want */
    background: #ddd;
    /* set color as you want */
  }
}
<div class="sticky-div">
  <!-- Your content here -->
</div>

</body>标记之前添加html。