cartodb4/perfect-scrollbar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hover handlers for ie6.

Browse Source 
Use scripts to add '.hover' class on the `.ps-container` and both
scrollbars when then mouse is over them because :hover is not supported
except 'a' element.
This commit is contained in:
maoziliang
2013-06-16 17:13:20 +09:00
committed by Hyunje Alex Jun
parent e93d67e754
commit a52d55957d
2 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/perfect-scrollbar.css
+8 -4
View File
@@ -14,12 +14,14 @@
transition: opacity .2s linear; transition: opacity .2s linear;
} }
.ps-container:hover .ps-scrollbar-x { .ps-container:hover .ps-scrollbar-x,
.ps-container.hover .ps-scrollbar-x {
opacity: 0.6; opacity: 0.6;
filter: alpha(opacity = 60); filter: alpha(opacity = 60);
} }
.ps-container .ps-scrollbar-x:hover { .ps-container .ps-scrollbar-x:hover,
.ps-container .ps-scrollbar-x.hover {
opacity: 0.9; opacity: 0.9;
filter: alpha(opacity = 90); filter: alpha(opacity = 90);
cursor:default; cursor:default;
@@ -46,12 +48,14 @@
transition: opacity .2s linear; transition: opacity .2s linear;
} }
.ps-container:hover .ps-scrollbar-y { .ps-container:hover .ps-scrollbar-y,
.ps-container.hover .ps-scrollbar-y {
opacity: 0.6; opacity: 0.6;
filter: alpha(opacity = 60); filter: alpha(opacity = 60);
} }
.ps-container .ps-scrollbar-y:hover { .ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.hover {
opacity: 0.9; opacity: 0.9;
filter: alpha(opacity = 90); filter: alpha(opacity = 90);
cursor: default; cursor: default;
src/perfect-scrollbar.js
+16
View File
@@ -309,6 +309,22 @@
var ieSupport = function (version) { var ieSupport = function (version) {
$this.addClass('ie').addClass('ie' + version); $this.addClass('ie').addClass('ie' + version);
var bindHoverHandlers = function () {
var mouseenter = function () {
$(this).addClass('hover');
};
var mouseleave = function () {
$(this).removeClass('hover');
};
$this.bind('mouseenter.perfect-scroll', mouseenter).bind('mouseleave.perfect-scroll', mouseleave);
$scrollbarX.bind('mouseenter.perfect-scroll', mouseenter).bind('mouseleave.perfect-scroll', mouseleave);
$scrollbarY.bind('mouseenter.perfect-scroll', mouseenter).bind('mouseleave.perfect-scroll', mouseleave);
};
if (version === 6) {
bindHoverHandlers();
}
}; };
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent); var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);