jquery nicescroll 和 touchbehavior 问题答案

【问题标题】：jquery nicescroll and touchbehavior issuesjquery nicescroll 和 touchbehavior 问题
【发布时间】：2013-11-28 09:15:22
【问题描述】：

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

touchbehavior:true,

我启用了这个功能是因为触摸设备，因为我喜欢用鼠标点击和拖动来滚动。

但还有其他事情困扰着我。可滚动的 Div 包含链接和大量文本。链接是可点击的，但这个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,
});

欢迎任何帮助或建议。

【问题讨论】：

你解决了吗？

标签： javascript jquery html css nicescroll

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

将 touchbehavior 设置为 true 并将 preventmultitouchscrolling 设置为 false。您将能够拖动和触发任何链接。

touchbehavior: true,
preventmultitouchscrolling: false,

【讨论】：

【解决方案3】：

Touchbehavior 仅在您想在桌面上模拟触摸行为时使用。您应该将其设置为 false 或将其删除。（无论如何它的默认值都是假的）你不需要它在桌面上。触控设备会自动内置触控支持。

【讨论】：

【解决方案4】：

这对我有用！

    zindex: 9999,
    emulatetouch: true,
    cursordragontouch: true,
    touchbehavior: true,
    preventmultitouchscrolling: false,

【讨论】：