slimScroll与选择元素滚动问题

时间:2013-08-15 16:11:47

标签: jquery html slimscroll

我有一个应用了slimscroll的div 此div包含带有长列表的<select>标记

这是我目前的情景

<div id="scrollablediv">
  Some text
  .
  .
  <select>
    <option>1</option>
    <option>2</option>
   . . .
  </select>

</div>

现在的问题是,当我尝试滚动内部<select>选项时,整个div滚动并且不允许我滚动选择标记的下拉列表...

如何摆脱这个问题

2 个答案:

答案 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的函数(以便停止传播)。至少它起作用了。