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",以指示用户正在向上或向下滚动。