Javascript 修复滚动时的最后一个下拉元素

Javascript 修复滚动时的最后一个下拉元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用JQuery令牌输入插件。我想在滚动下拉列表时修复它的最后一个元素。 我已经试过从小提琴的方法。但是没有运气 这是我在这里的代码和附加的是工作正常的图像,但它显示在滚动结束的链接。 我想修复这些链接,并在用户键入内容时显示它们 div.token-input-dropdown-paracas{ 位置:绝对位置; 左边距:2倍; 背景色:#fff; 溢出:自动; 最大高度:400px; 最小宽度:150px; 左边框:1px实心#ccc; 右边框:1px实心#ccc; 边框底部:1px

我正在使用JQuery令牌输入插件。我想在滚动下拉列表时修复它的最后一个元素。 我已经试过从小提琴的方法。但是没有运气

这是我在这里的代码和附加的是工作正常的图像,但它显示在滚动结束的链接。 我想修复这些链接,并在用户键入内容时显示它们

div.token-input-dropdown-paracas{
位置:绝对位置;
左边距:2倍;
背景色:#fff;
溢出:自动;
最大高度:400px;
最小宽度:150px;
左边框:1px实心#ccc;
右边框:1px实心#ccc;
边框底部:1px实心#ccc;
游标:默认值;
字体大小:13px;
字体系列:“开放式Sans”、Helvetica、Arial、Sans serif;
z指数:1;
p{
保证金:0;
填充物:5px;
字体大小:粗体;
颜色:#777;
}
保险商实验室{
保证金:0;
填充:2px;
高度:自动!重要;
显示:块;
溢出:隐藏;
最小高度:1px;
@包括边界半径(2px);
李{
溢出:隐藏;
高度:自动!重要;
高度:15px;
保证金:3倍;
填充物:2px 5px 3px 5px;
背景色:#cce5f9;
颜色:#388be9;
游标:默认值;
边界:无;
边界半径:2px;
-moz边界半径:2px;
-webkit边界半径:2px;
空白:nowrap;
&.token输入项目token paracas{
背景:#fbc07f;
}
&.token输入部门token paracas{
背景:#E6F8DD;
}
&.token input selected下拉列表项paracas{
背景色:#3b5998;
颜色:#fff;
}
em{
字体大小:粗体;
字体风格:普通;
}
}
span.token-input-dropdown-heading-paracas{
边距:0 0 5px 5px;
颜色:#555555;
字号:600;
字体大小:13px;
}
}
人力资源{
保证金:5px 5px;
边框顶部:1px实心#C0C0;
}
a、 令牌输入下拉链接paracas{
显示:块;
保证金:5px;
字体大小:13px;
}
}

  • 最后_email@yahoo.com最后_email@yahoo.com
  • sdfs sdfsdsdfsdfsdfsd@gmail.com sdfs sdfsd测试_email@yahoo.cm sdfs sdfsdskdfsdfsdfsd@gmail.com

你能试试下面的吗。只是在最后一个列表项(查看所有项目)之前添加了一个空列表项,并更改了一些样式。这是一种解决方法,但它可能会解决您的问题

$('.scrollable bootstrap menu')。滚动(函数(){
$('.scrollable bootstrap menu li:last child').css('bottom',-$(this.scrollTop());
}
);
li{
列表样式:无;
}
.可滚动引导菜单{
高度:自动;
最大高度:100px;
溢出x:隐藏;
位置:相对位置;
}
.可滚动引导菜单li:最后一个子菜单{
位置:绝对位置;
底部:0;
背景:#fff;
}


你能试试下面的吗。只是在最后一个列表项(查看所有项目)之前添加了一个空列表项,并更改了一些样式。这是一种解决方法,但它可能会解决您的问题

$('.scrollable bootstrap menu')。滚动(函数(){
$('.scrollable bootstrap menu li:last child').css('bottom',-$(this.scrollTop());
}
);
li{
列表样式:无;
}
.可滚动引导菜单{
高度:自动;
最大高度:100px;
溢出x:隐藏;
位置:相对位置;
}
.可滚动引导菜单li:最后一个子菜单{
位置:绝对位置;
底部:0;
背景:#fff;
}


这是否可以接受?我已经试过了,但在我的例子中没有成功。步骤1:修复错误的HTML。您不能将任何您喜欢的内容放入无序列表中,您需要将列表项用作子项。这可以接受吗?我已经试过了,但在我的例子中没有成功。步骤1:修复错误的HTML。您不能将任何您喜欢的内容放入无序列表中,您需要将列表项用作子项。