下一张幻灯片时如何使旋转木马平滑滚动到顶部并使用'手旋转木马'

Question

我使用carousel bootstrap 3来使用幻灯片文本。当＃1行文本从下到下（例如：高度300px）而行＃2文本太短时（例如：仅10px），问题是我们总是必须在我们单击行旁边时手动滚动到顶部＃来自第1行的2。如何制作下一张幻灯片时，系统会自动“平滑滚动”到顶部???

另一方面，如何用户可以使用'手旋转'？ （我不知道技术名称，但用户只需在移动设备上轻轻一点，当想要下一张幻灯片时）使用移动设备，这样便于下一张幻灯片而不再到底部（再次找到轮播）（此问题在移动时很重要）。

这是简单的代码

$(document).ready(function() {
$('#carousel-example-generic').carousel({
  interval: false
})
});

但小提琴的完整代码：http://jsfiddle.net/luisan/B9FeP/1/

由于

Answer 1

您可以点击轮播幻灯片事件，然后添加jquery滚动顶部功能

$('#carousel-example-generic').bind('slid', function () {
   console.log('slid event');
   $('.carousel-inner').scrollTop(0);
});

也许使用身体会更好

   $('body').scrollTop(0);

您还可以添加看起来更漂亮的动画

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