Bootstrap没有提供直接的上下滑动监听功能,但你可以使用原生的JavaScript滚动事件(scroll event)来监听页面的上下滑动。

以下是一个简单的例子:

html

<div id="myDiv" style="height: 300px; overflow-y: scroll;">

  <p>Content for myDiv.</p>

</div>


<script>

  var myDiv = document.getElementById('myDiv');


  myDiv.addEventListener('scroll', function(e) {

    var scrollTop = myDiv.scrollTop;


    if (scrollTop > 0) {

      console.log('Scroll up');

    } else if (scrollTop < 0) {

      console.log('Scroll down');

    }

  });

</script>

在这个例子中,当用户在 myDiv 上滚动时,会在控制台打印 "Scroll up" 或 "Scroll down",以指示用户正在向上或向下滚动。