angular-smooth-scrollbar
Advanced tools
Comparing version 2.3.1 to 3.0.0
{ | ||
"name": "angular-smooth-scrollbar", | ||
"version": "2.3.1", | ||
"version": "3.0.0", | ||
"authors": [ | ||
@@ -31,4 +31,4 @@ "Dolphin Wood <dolphin.w.e@gmail.com>" | ||
"angular": "~1.4.3", | ||
"smooth-scrollbar": "^1.4.1" | ||
"smooth-scrollbar": "^3.0.0" | ||
} | ||
} |
@@ -131,16 +131,17 @@ | ||
speed: '@', | ||
stepLength: '@', | ||
easingDuration: '@', | ||
easingCurve: '@', | ||
propagation: '=' | ||
fricton: '@', | ||
inflection: '@', | ||
sensitivity: '@' | ||
}, | ||
link: function link(scope, elem, attrs, ctrl, transclude) { | ||
var speed = scope.speed; | ||
var stepLength = scope.stepLength; | ||
var easingDuration = scope.easingDuration; | ||
var easingCurve = scope.easingCurve; | ||
var fricton = scope.fricton; | ||
var inflection = scope.inflection; | ||
var sensitivity = scope.sensitivity; | ||
var name = attrs.scrollbar || attrs.name || ScrollbarService.generateName(); | ||
var scrollbar = ScrollbarService.createInstance(name, elem[0], scope); | ||
var scrollbar = ScrollbarService.createInstance(name, elem[0], { | ||
speed: speed, fricton: fricton, inflection: inflection, sensitivity: sensitivity | ||
}); | ||
@@ -147,0 +148,0 @@ var original = { |
13
index.js
@@ -95,12 +95,13 @@ angular.module('SmoothScrollbar', []) | ||
speed: '@', | ||
stepLength: '@', | ||
easingDuration: '@', | ||
easingCurve: '@', | ||
propagation: '=' | ||
fricton: '@', | ||
inflection: '@', | ||
sensitivity: '@' | ||
}, | ||
link(scope, elem, attrs, ctrl, transclude) { | ||
const { speed, stepLength, easingDuration, easingCurve } = scope; | ||
const { speed, fricton, inflection, sensitivity } = scope; | ||
const name = attrs.scrollbar || attrs.name || ScrollbarService.generateName(); | ||
const scrollbar = ScrollbarService.createInstance(name, elem[0], scope); | ||
const scrollbar = ScrollbarService.createInstance(name, elem[0], { | ||
speed, fricton, inflection, sensitivity | ||
}); | ||
@@ -107,0 +108,0 @@ let original = { |
{ | ||
"name": "angular-smooth-scrollbar", | ||
"version": "2.3.1", | ||
"version": "3.0.0", | ||
"description": "An angular module that allows you customize smooth scrollbars", | ||
@@ -28,3 +28,3 @@ "main": "dist/angular-smooth-scrollbar.js", | ||
"angular": "^1.4.8", | ||
"smooth-scrollbar": "^1.4.1" | ||
"smooth-scrollbar": "^3.0.0" | ||
}, | ||
@@ -31,0 +31,0 @@ "devDependencies": { |
@@ -74,8 +74,10 @@ # angular-smooth-scrollbar | ||
| :--------: | :--: | :-----: | :----------: | | ||
| speed | Number | 1 | scrolling speed| | ||
| stepLength | Number | 50 | how long each scrolling is (px/delta) | | ||
| easingDuration | Number | 1000 | how long will easing takes after `touchend` event | | ||
| easingCurve | String | cubic-bezier(0.1, 0.57, 0.1, 1) | easing timing function, either css `timing-function` or pre-defined curves [here](http://easings.net) | | ||
| propagation | Boolean | true | event propagation | | ||
| speed | Number | 1 | Scrolling speed scale.| | ||
| fricton | Number | 10 | Scrolling fricton, a percentage value within (1, 100) | | ||
| inflection | Number | 10 | When scrolling speed is lower than infleciton point, sensitivity will be scaled to 10x. | | ||
| sensitivity | Number | 0.1 | Wheel sensitivity, lower is accurate. | | ||
Confusing with the option field? Try editor tool [here](http://idiotwu.github.io/smooth-scrollbar/)! | ||
## ScrollbarService | ||
@@ -82,0 +84,0 @@ |
413999
474
105
+ Addedsmooth-scrollbar@3.1.0(transitive)
- Removedsmooth-scrollbar@1.4.4(transitive)
Updatedsmooth-scrollbar@^3.0.0