Tinyscrollbar - 禁用选择或突出显示

asy*_*qin 3 javascript css jquery jquery-plugins tinyscrollbar

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

但是,我遇到的问题是,如果使用滚动条和光标滚动的用户在滑动时没有悬停在"拇指"元素上,则背景内容会突出显示,类似于单击并突出显示文本时所看到的内容或元件.

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

小智 5

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

.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}
Run Code Online (Sandbox Code Playgroud)

拖动Tinyscrollbar时,.noSelect类将添加到页面正文中,然后在拖动完成后删除.