Jquery 如何在窗口滚动的特定高度触发一次引导模式？

当垂直滚动条位置超出指定限制时，我想向用户显示一个模式窗口

这是我的HTML代码

      <div class="container">
          <h2>Modal Example</h2>
          <!-- Trigger the
      modal with a button -->
          <!-- Modal -->
          <div class="modal fade" id="myModal" role="dialog">
              <div class="modal-dialog">
                  <!-- Modal content-->
                  <div class="modal-content">
                      <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                          <h4 class="modal-title">Modal Header</h4>
                      </div>
                      <div class="modal-body">
                          <p>Some text in the modal.</p>
                      </div>
                      <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <script>
      $(window).scroll(function() {
          if ($(document).scrollTop() > 1000) {
              $('#myModal').modal('show');
          }
      });
      </script>
      <p>
          Cupidatat master cleanse carles small batch VHS. Brooklyn umami odio, post-ironic selvage hella farm-to-table. Brooklyn DIY cardigan cosby sweater marfa. 
          Gastropub bicycle rights in seitan non small batch. Placeat non street art umami, yr wolf sed skateboard cupidatat direct trade seitan put a bird on it occaecat 
          small batch. Hoodie marfa umami, enim scenester cred synth vero gastropub aliqua brunch mlkshk ut. Sed brunch pop-up irony quis. Etsy stumptown 3 wolf moon in 
          carles, vinyl chillwave. Beard sapiente nulla banh mi cosby sweater 8-bit craft beer, ethical art party portland tumblr godard quinoa occaecat et. Stumptown art 
          party ea bushwick. Cardigan DIY non cred ullamco duis. Id gastropub pop-up narwhal culpa fanny pack voluptate, street art gluten-free eiusmod quis aute lo-fi. 
          Nostrud ethical irure keffiyeh umami lomo. Twee swag nihil culpa odd future. > </p>

模态示例
&时代；
模态头
模态中的一些文本

接近
$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>1000）{
$（'myModal'）.modal（'show'）；
}
});

Cupidata master cleanse carles小批量VHS。布鲁克林umami odio，后讽刺布边hella农场到餐桌。布鲁克林DIY羊毛衫cosby毛衣marfa。
在赛坦拥有自行车权利的非小批量。放在非街头艺术鲜美，你的狼塞德滑板柜直接贸易seitan放了一只鸟在它上面
小批量。marfa umami连帽衫，enim scenester cred synth vero gastropub aliqua早午餐mlkshk ut。塞德早午餐弹出讽刺奎斯。Etsy stumptown 3狼之月
carles，我是Wave。Beard sapiente nulla banh mi cosby毛衣8位工艺啤酒，道德艺术派对波特兰tumblr godard藜麦occaecat等Stumptown艺术
布什维克派对。羊毛衫DIY非cred ullamco duis。Id gastropub弹出的独角鲸过失fanny pack voluptate街头艺术无麸质eiusmod quis aute lo-fi。
Nostrud道德伦理研究中心keffiyeh umami lomo。这是一个奇怪的未来

将属性添加到模式中，例如

显示

，并设置一个值，该值可以用作显示一次或不显示一次的标志。并在滚动上检查属性值。并在显示一次后进行更改

所以你的html应该是

    $(window).scroll(function() {
       if ($(document).scrollTop() > 3000 && $("#myModal").attr("displayed") === "false") {
         $('#myModal').modal('show');
         $("#myModal").attr("displayed", "true");
       }
     });

您的脚本标记调用模式应该是这样的

    $(window).scroll(function() {
       if ($(document).scrollTop() > 3000 && $("#myModal").attr("displayed") === "false") {
         $('#myModal').modal('show');
         $("#myModal").attr("displayed", "true");
       }
     });

---

这里是同样的演示。

Cupidat master cleanse carles sma….

这是什么？只是一个虚拟文本，我希望弹出窗口显示在页面的某个高度，这就是为什么。.你能创建上面的jsFiddle@jsFiddle.net吗？这样我们可以方便地帮助并更好地理解你的问题。@Err它正在我的本地页面上工作，但是，该弹出窗口在js fiddle中甚至没有出现一次，请帮助我很高兴我帮助了你。只是一个侧面：以上不是最好的方式，但也不是坏的方式。德国劳埃德船级社。