javascript - jquery nicescroll 和 touchbehavior 问题

Question

所以我正在使用 jquery nicescroll插件，并且喜欢它支持带有选项的触摸设备的事实:

touchbehavior:true,

由于触摸设备以及我喜欢用鼠标单击和拖动来滚动，所以我启用了此功能。

但还有其他事情困扰着我。可滚动的 Div 包含链接和大量文本。链接是可点击的，但是这个 touchbehavior 会禁用文本选择，这让我很困扰。我想继续启用选择文本。

除此之外，当此touchbehavior 启用时，您不能再单击实际的滚动条并将其向下拖动，这在默认计算机或笔记本电脑上确实令人困惑。是否可以同时有touchbehavior和可点击可拖动的滚动条？

我所说的内容可通过此链接进行测试和编辑:http://jsfiddle.net/P8cPZ/

代码如下所示；

html:

<div class="outer">
<div class="inner">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet nisi non 
    felis fringilla dignissim non et diam. Fusce et molestie nibh, pulvinar 
     tincidunt felis. Aenean hendrerit non dolor in mollis. Sed vehicula felis 
    eget tempor bibendum. Praesent commodo pretium sodales. Integer sit amet 
    semper lacus. <a href="www.google.com" >Cras imperdiet lectus at 
    sapien tempus malesuada.</a>..........
</div>
</div>

脚本:

$(".outer").niceScroll({
    cursorwidth:"6px",
    cursorborder: "0px",
    bouncescroll: true,
    horizrailenabled: false,
    touchbehavior:true,
    grabcursorenabled: true,
});

欢迎任何帮助或建议。

Answer 1

有一个option cursordragontouch。将其设置为 TRUE，您的滚动条将照常工作。我的意思是您可以结合使用 cursordragontouch 和 emulatetouch:

$( '#something' ).niceScroll
(
 {
  emulatetouch: true,
  cursordragontouch: true
 }
);