我有一个应用了slimscroll的div
此div包含带有长列表的<select>
标记
这是我目前的情景
<div id="scrollablediv">
Some text
.
.
<select>
<option>1</option>
<option>2</option>
. . .
</select>
</div>
现在的问题是,当我尝试滚动内部<select>
选项时,整个div滚动并且不允许我滚动选择标记的下拉列表...
如何摆脱这个问题
答案 0 :(得分:2)
感谢大卫已经回答了这个问题!我稍微改了一下。
/*$('.ui-autocomplete.ui-widget-content') - it's a scrolling ul-list*/
$('.ui-autocomplete.ui-widget-content').on('touchmove', function(event) {
event.stopPropagation();
});
答案 1 :(得分:1)
我遇到了和你相同的问题。似乎选择菜单正在触发一个touchSove事件,该事件被slimScroll拦截(因此开始滚动)。
(糟糕的)修复是将select元素的touchmove事件绑定到返回false的函数(以便停止传播)。至少它起作用了。