Question

我想创建一个flash类型的滚动效果，当鼠标悬停在按钮上时，div中溢出的文本会向下滚动显示。

文字

时尚是无所不在的！

从办公室到社区和   街头到社交圈。您可以   选择忽略它，但它是   不可能摆脱它。   不断提升时尚商数   对大多数人而言，这是一个积极的议程   被动的，其余的。你希望你   有更多时间发现小说   品牌，很难获得产品和   更好的交易。有时你只是希望   更多......

应该可以在上面的链接上滚动。

Answer 1

您是否尝试过jScrollPane？

Answer 2

您需要将div的高度增加到适当的高度，可能使用jQuery animate函数。

$('#button_id').mouseover(function() {
  $('#div_id').animate({
    height: +=400,
  }, 5000, function() {
    // Animation complete.
  });
});

要确定合适的高度，您可以确定子p标签的高度，然后添加缓冲区，例如

var height = 0;
$('#div_id p').each(function(index){ target_height += $(this).height()});

http://api.jquery.com/animate/

jQuery滚动溢出流程

2 个答案: