Long Text MouseOver手风琴

时间:2015-05-30 03:10:25

标签: accordion jquery-ui-accordion

是否有可能通过长文本向上推动手风琴创建鼠标悬停行为?因此屏幕将显示手风琴内的文字底部。

据我所知,它只适用于OnClick行为。

尝试在谷歌上找到,但所有只显示onclicks

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这是你的意思吗?

http://jsfiddle.net/84L5o6oL/

该演示令人愤怒的人使用。

无论如何,我从jQuery UI网站https://jqueryui.com/accordion/#hoverintent获取了hoverintent演示并附加到accordionactivate事件,该事件在手风琴部分打开后触发。

$( "#accordion" ).bind( "accordionactivate", function() {
       $("html, body").animate({
          scrollTop: $('#accordion .ui-accordion-content-active').offset().top + $('#accordion .ui-accordion-content-active').outerHeight(true) -$(window).height()
       }, 500);
});

在此内部我动画滚动顶部转到已打开元素内容的底部。

现在我的真正建议是向您的客户解释手风琴首先是一种糟糕的UI模式,不应该用于显示内容。 http://www.nngroup.com/articles/accordions-complex-content/