# j-Scrollbar

> Προσαρμοσμένες στροφές. ΣΗΜΑΝΤΙΚΟ: Συμπεριλαμβάνει το τρέχον περιεχόμενο προσθέτοντας δύο εικονικά στοιχεία με σχετική θέση. jComponent Μόνο το V17

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: 7bbcd1102e5459c5eacc6b542bf0d9e728516a8c4c490428a9ce495ed3fb7ff3
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Προσαρμοσμένες στροφές. __ΣΗΜΑΝΤΙΚΟ:__ Συμπεριλαμβάνει το τρέχον περιεχόμενο με την προσθήκη δύο στοιχείων `div` με τη θέση `relative`. __Δουλεύει μόνο με το jComponent v17.

__ΕΠΙΤΡΟΦΗ__:

- `parent` {String} επιλεκτής για ένα γονικό στοιχείο, μπορεί να περιέχει `window` (προεπιλεγμένο: `undefined`)
- `visibleX` {Boolean} εμφανίζει πάντα οριζόντια γραμμή στροφής (προεπιλεγμένη: `false`)
- `visibleY` {Boolean} εμφανίζει πάντα κάθετη γραμμή στροφής (προεπιλεγμένη: `false`)
- `offset` {Boolean} προσθέτει το `offset.top` αυτού του στοιχείου (προεπιλεγμένο: `false`)
- Το `reset` {Boolean} επαναφέρει τη θέση εάν το `path` αλλάξει (προεπιλεγμένο: `true`)
- `margin` {Συνολικά} ένα περιθώριο για όλους τους τύπους οθόνων (προεπιλεγμένο: `0`)
- `marginxs` {Συνολικά} ένα περιθώριο για τις οθόνες `XS` (προεπιλεγμένο: `0`)
- `marginsm` {Συνολικά} ένα περιθώριο για τις οθόνες `SM` (προεπιλεγμένο: `0`)
- `marginmd` {Συνολικά} ένα περιθώριο για τις οθόνες `MD` (προεπιλεγμένο: `0`)
- `marginlg` {Συνολικά} ένα περιθώριο για τις οθόνες `LG` (προεπιλεγμένο: `0`)
- `track` {String} μπορεί να παρακολουθεί μόνο ορισμένους δρόμους, για παράδειγμα, `FIELD1,FIELD2,FIELD3`, οι δρόμοι θα συνδέονται με το `component.path`

__Μέθοδοι__:

- Το `component.reset()` επαναφέρει τη θέση στο `0,0`
- `component.scrollleft(val)` Σκρόλος X
- `component.scrolltop(val)` Σκάλες Y
- `component.scrollright(val)` στροφές X από την δεξιά πλευρά
- `component.scrollbottom(val)` στροφές Y από την κάτω πλευρά
- `component.scroll(x, y)` στρογγυλοποιεί X, Y
- `component.resize()` αναζωογονεί το δοχείο (αποδίδει αυτόματα σε γεγονότα `resize`)

Χρησιμοποιήστε το με `<ui-component name="scrollbar">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

```html example.html
<ui-component name="scrollbar" style="background-color:rgba(100,100,100,0.05);height:200px;width:300px" class="hidden" data-jc-class="hidden">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
</ui-component>
```