javascript - 更改滚动上的 Bootstrap 轮播幻灯片

Question

我目前正在建立一个垂直滚动的网站，为了实现这一点，我正在 Bootstrap 轮播中构建整个网站，但无论我尝试什么，当我使用滚轮时，我都无法让轮播移动，我有尝试使用 this

这不起作用

我真的没有任何关于 javascript 的高级知识，因此我提出了这个问题。

提前致谢!

Answer 1

How to turn Bootstrap Carousel slides to change on scroll? 中的 jQuery答案应该足够了。

这是一个工作示例:

http://codepen.io/charliebeckstrand/pen/yJLNmQ

$('#carousel-example-generic').bind('mousewheel', function(e){
  if(e.originalEvent.wheelDelta /120 > 0) {
    $(this).carousel('next');
  }
  else{
    $(this).carousel('prev');
  }
});