1

我有一个应用 slimscroll 的 div 这个 div 包含一个<select>带有长列表的标签

这是我目前的情况

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

</div>

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

如何摆脱这个问题

4

2 回答 2

2

感谢大卫已经回答了这个问题!我稍微改了一下。

/*$('.ui-autocomplete.ui-widget-content') - it's a scrolling ul-list*/
$('.ui-autocomplete.ui-widget-content').on('touchmove', function(event) {
    event.stopPropagation();
});
于 2017-03-20T13:06:54.917 回答
1

我和你有同样的问题。似乎选择菜单正在触发一个 touchmove 事件,该事件被 slimScroll 拦截(因此开始滚动)。

(糟糕的)修复是将 select 元素的 touchmove 事件绑定到返回 false 的函数(以停止传播)。至少它奏效了。

于 2014-04-29T08:58:31.477 回答