jQuery slideToggle跳转

时间:2015-08-11 10:58:56

标签: jquery html css jsfiddle

我找不到这样一个例子的问题。

http://jsfiddle.net/gth5qeqq/4/

$('select').parent().on('click', function (){
    $(this).find('ul').slideToggle('fast');
});

单击选项时会跳转。但是,当选项编号为3时,没关系。

1 个答案:

答案 0 :(得分:1)

它似乎向左跳转,因为菜单的长度使垂直滚动条出现。您可以通过限制包含选项的ul的高度并设置overflow-y以便它可以滚动来解决此问题。试试这个:

.select_wrapper .select_inner {
    /* your current CSS... */
    max-height: 150px; /* amend this height as needed */
    overflow-y: auto;
}

Updated fiddle