Question

当有人单击复选框时，我试图在底部显示一条消息。

<style>
.stick {
    background-color: red;
    height: 60px;
    position: fixed;
    width: 100%;
    left: 0;
}
</style>

<div class="col-md-12" id="compare" style="stick; display:none;"> 
      <div class="separator"></div>
      <div class="alert alert-info text-md-center">
        <span class="text-md-center">
          <button class="btn">
         My message
        </span>
      </div> 
</div>
<script>

function showProductsCompare() {
    document.getElementById('compare').style.display = "block";
}
</script>

到现在为止，所有的信息都正确，插入代码后，消息会显示在页面上

但是我试图像这样的页面https://www.homedepot.com/s/french%2520door%2520refrigerators?NCNI-5发出粘性消息（单击复选框。

我找不到例子或做那个例子。

谢谢。

Answer 1

这将完成工作：

.stick {
    background-color: red;
    height: 60px;
    position: fixed;
    width: 100%;
    left: 0;
    buttom: 0;
}

您需要给div一类“棍子”：

<div class="col-md-12 stick" id="compare" style="stick; display:none;">

底部在复选框上显示一条消息，单击

1 个答案: