You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.3 KiB
96 lines
2.3 KiB
4 years ago
|
|
||
|
|
.#{$namespace}scroll-wrapper {
|
||
|
|
// -webkit-backface-visibility: hidden;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
top: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.#{$namespace}scroll {
|
||
|
|
// -webkit-backface-visibility: hidden;
|
||
|
|
position: absolute;
|
||
|
|
z-index: z("default");
|
||
|
|
width: 100%;
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
transform: translateZ(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$namespace}scrollbar{
|
||
|
|
position: absolute;
|
||
|
|
z-index: z("scroll","scrollbar");
|
||
|
|
overflow: hidden;
|
||
|
|
transform: translateZ(0px);
|
||
|
|
transition: 500ms;
|
||
|
|
-webkit-transition: 500ms;
|
||
|
|
opacity: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.#{$namespace}scrollbar-vertical{
|
||
|
|
width: 4px;
|
||
|
|
bottom: 2px;
|
||
|
|
top: 0;
|
||
|
|
right: 1px;
|
||
|
|
.#{$namespace}scrollbar-indicator{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.#{$namespace}scrollbar-horizontal{
|
||
|
|
height: 4px;
|
||
|
|
left: 2px;
|
||
|
|
right: 2px;
|
||
|
|
bottom: 0px;
|
||
|
|
.#{$namespace}scrollbar-indicator{
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$namespace}scrollbar-indicator{
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: absolute;
|
||
|
|
border: 1px solid rgba(255, 255, 255, 0.801961);
|
||
|
|
border-radius: 2px;
|
||
|
|
transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
|
||
|
|
-webkit-transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
|
||
|
|
display: block;
|
||
|
|
transform: translate(0px, 0px) translateZ(0px);
|
||
|
|
background: rgba(0, 0, 0, 0.398039);
|
||
|
|
}
|
||
|
|
|
||
|
|
//android 5+
|
||
|
|
.#{$namespace}plus-pullrefresh{
|
||
|
|
.#{$namespace}fullscreen{
|
||
|
|
.#{$namespace}scroll-wrapper,.#{$namespace}slider-group {
|
||
|
|
.#{$namespace}scroll-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
bottom: 0px;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.#{$namespace}scroll {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.#{$namespace}scroll-wrapper,.#{$namespace}slider-group {
|
||
|
|
position: static;
|
||
|
|
top: auto;
|
||
|
|
bottom: auto;
|
||
|
|
left: auto;
|
||
|
|
width: auto;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.#{$namespace}slider-group{
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.#{$namespace}scroll {
|
||
|
|
position: static;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|