You are here

Home » API reference » JScrollPane 5

jscrollpane.css in JScrollPane 5 

.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #aaa;
}
.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}

File

jscrollpane.css
View source 
  1. 

  2. .jScrollPaneContainer {

  3.   position: relative;

  4.   overflow: hidden;

  5.   z-index: 1;

  6. }

  7. 

  8. .jScrollPaneTrack {

  9.   position: absolute;

  10.   cursor: pointer;

  11.   right: 0;

  12.   top: 0;

  13.   height: 100%;

  14.   background: #aaa;

  15. }

  16. .jScrollPaneDrag {

  17.   position: absolute;

  18.   background: #666;

  19.   cursor: pointer;

  20.   overflow: hidden;

  21. }

  22. .jScrollPaneDragTop {

  23.   position: absolute;

  24.   top: 0;

  25.   left: 0;

  26.   overflow: hidden;

  27. }

  28. .jScrollPaneDragBottom {

  29.   position: absolute;

  30.   bottom: 0;

  31.   left: 0;

  32.   overflow: hidden;

  33. }

  34. a.jScrollArrowUp {

  35.   display: block;

  36.   position: absolute;

  37.   z-index: 1;

  38.   top: 0;

  39.   right: 0;

  40.   text-indent: -2000px;

  41.   overflow: hidden;

  42.   /*background-color: #666;*/

  43.   height: 9px;

  44. }

  45. a.jScrollArrowUp:hover {

  46.   /*background-color: #f60;*/

  47. }

  48. 

  49. a.jScrollArrowDown {

  50.   display: block;

  51.   position: absolute;

  52.   z-index: 1;

  53.   bottom: 0;

  54.   right: 0;

  55.   text-indent: -2000px;

  56.   overflow: hidden;

  57.   /*background-color: #666;*/

  58.   height: 9px;

  59. }

  60. a.jScrollArrowDown:hover {

  61.   /*background-color: #f60;*/

  62. }

  63. a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

  64.   /*background-color: #f00;*/

  65. }