jQuery slideToggle 跳跃

Question

我找不到这样的例子有什么问题。

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

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

点击选项时跳转。但是，选项数为3时就可以了。

Answer 1

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

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

Updated fiddle