Javascript 如何使转盘在下次滑动时平滑滚动到顶部并使用';手动旋转木马&x27;

Javascript 如何使转盘在下次滑动时平滑滚动到顶部并使用';手动旋转木马&x27;,javascript,twitter-bootstrap,carousel,Javascript,Twitter Bootstrap,Carousel,我使用carousel bootstrap 3来使用幻灯片文本。当第1行文本从下到下很长(例如:高度300px)而第2行文本太短(例如:仅10px)时,问题是当我们从第1行单击第2行旁边时,总是必须手动滚动到顶部。如何使下一张幻灯片时,系统会自动“平滑滚动”到顶部 另一方面,如何使用户可以使用“手转盘”???(我不知道技术名称,但用户只需在移动设备上点击鼠标右键即可观看下一张幻灯片)使用移动设备时,无需再次进入底部即可轻松观看下一张幻灯片(再次查找旋转木马)(移动时此问题很重要) 这是一个简单的

我使用carousel bootstrap 3来使用幻灯片文本。当第1行文本从下到下很长(例如:高度300px)而第2行文本太短(例如:仅10px)时,问题是当我们从第1行单击第2行旁边时,总是必须手动滚动到顶部。如何使下一张幻灯片时,系统会自动“平滑滚动”到顶部

另一方面,如何使用户可以使用“手转盘”???(我不知道技术名称,但用户只需在移动设备上点击鼠标右键即可观看下一张幻灯片)使用移动设备时,无需再次进入底部即可轻松观看下一张幻灯片(再次查找旋转木马)(移动时此问题很重要)

这是一个简单的代码

$(document).ready(function() {
$('#carousel-example-generic').carousel({
  interval: false
})
});
但是完整的代码在小提琴上:


谢谢

您可以点击旋转木马幻灯片事件,然后添加jquery滚动顶部功能

$('#carousel-example-generic').bind('slid', function () {
   console.log('slid event');
   $('.carousel-inner').scrollTop(0);
});
也许用身体会更好

   $('body').scrollTop(0);
您还可以添加一个看起来更好的动画

$('body').animate({ scrollTop: 0 }, 600);

你能更新一下JSFIDLE吗?我已经检查了你的脚本,但它不起作用。。谢谢你的帮助