当我向下滚动时，任何人都可以帮助我如何显示 div 吗？答案

【问题标题】：Can anyone help me how to show div when i scroll down?当我向下滚动时，任何人都可以帮助我如何显示 div 吗？
【发布时间】：2017-07-13 17:33:34
【问题描述】：

<div class="col-md-12 fixed-product-bar">
  <div class="col-sm-6 col-md-8">
    <?php echo $this->getPriceHtml($_product); ?>
  </div>
  <div class="col-sm-6 col-md-4">
    <?php if($_product->isSaleable()): ?>
    <?php echo $this->getChildHtml('addtocart') ?>
    <?php endif; ?>
  </div>
  <script>
    $(window).fixed - product - bar(function() {
      $(this).fixed - product - bar({
        'opacity': '1'
      }, 900);
    }

    });
  </script>

【问题讨论】：

stackoverflow.com/questions/13250325/show-hide-div-on-scroll
解释你想要做什么。只有标题我会说你想要一个固定的 div。位置：固定。
我再次编辑了帖子，现在您可以看到代码了。

标签： jquery html css

【解决方案1】：

使用jquery滚动事件

$(window).on('scroll', function() {
  if($(this).scrollTop() >= 400) {
    $('.fixed-product-bar')
    .show()
    .css({
      'opacity': 1,
      //property: value
    });
  }
  else {
    $('.fixed-product-bar')
    .hide()
    .css({
      'opacity': 0,
      //property: value
    });
  }
});

body{
height: 1000px;
}
.fixed-product-bar{
display: none;
opacity: 0,
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="fixed-product-bar">
	<h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
  <h1>Hello world</h1>
</div>

【讨论】：

不起作用，我想在滚动 900 或以上时显示。
@TouseefAkhtar 我更新了我的 jquery 代码，添加了一个 if 条件，只需更改值，因为我以 400 为例
当我向上滚动它会隐藏。
问题是我不了解 JS，我只是从我自己身上尝试过 :(
fixed-product-bar的内容是你要显示的吗？