javascript - Tinyscrollbar - 禁用选择或突出显示

Question

我在我的网站上使用 JQuery Tinyscrollbar 插件。由于我的具体要求，我做了一些小改动，使其同时适用于垂直和水平滚动条。

但是，我遇到的问题是，如果用户使用滚动条滚动到哪里并且滑动时光标没有悬停在“拇指”元素上，背景内容会突出显示，类似于您单击并突出显示时看到的内容文本或元素。

我怎样才能防止这种情况发生。谢谢。

Answer 1

您需要将 .noSelect 类添加到您的 CSS

.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}

当拖动 Tinyscrollbar 时，.noSelect 类被添加到页面主体，然后在拖动完成后被移除。