JavaScript scrollbar


1) Ukázka
Ukázka několika vzhledů posuvníků a jejich nastavení.
2) Popis Jelikož jsem dostal za úkol vytvořit pro několik webů graficky upravitelné scrollbary, rozhodl jsem se je vytvořit tak, aby šly jednoduše použít, stylovat a upravovat.

ScrollBary jsou jednoduše použitelné pro jakýkoliv prvek na stránce a navíc se chovají naprosto stejně jako systémové.

Posuvníky si samy kontrolují vnitřní a vnější velikost, díky čemuž dokáží reagovat na změnu velikost prvku na který jsou aplikovány, nebo na změnu obsahu.
3) Nastavení Všechny vzhledy jsou aplikovány pomocí použití jedné třídy, díky čemuž můžete mít na stránce několik vzhledů a nastavení najednou. Základní nastavení obsahuje jen několik parametrů:
  ShowVertical: true //Zobrazovat vertikální posuvník (overflow-y)
  ShowHorizontal: true //Zobrazovat horizontální posuvník (overflow-x)
  ArrowAutoScroll: false //Automatické scrollování po najetí na šipky
  ShowArrows: true //Zobrazit scrollovací šipky
  ScrWidthHeight: 16 //Šířka a výška posuvníků
  ScrArrowsHeight: 13 //Výška a šířka šipek
  scrollStepper: false //Nastavení posunu vždy o tuto hodnotu
  scrollStepperAnimate:: false //Animované posunutí při zaplém scrollStepper
  ScrStep: 7 //Rychlost rollovaní šipkami
  MouseWheelSpeed: 40, //Rychlost rollovaní kolečkem
3) Ukázka použití První funkce je volána bez parametrů a bude tedy spuštěna s defaultními hodnotami, které jsou popsány výše. Druhá se všemi parametry

<script>
  
$(document).ready(function(){
    
$("#scrollbar_container").createThScrollBar();

    
$("#scrollbar_container_2").createThScrollBar({
      
ShowVertical: true,
      
ShowHorizontal: true,
      
ArrowAutoScroll: false,
      
ShowArrows: true,
      
ScrWidthHeight: 16,
      
ScrArrowsHeight: 18,
      
MouseWheelSpeed: 40,
      
scrollStepper: false,
      
scrollStepperAnimate: false,
      
ScrStep: 5
    
});
  
});
</script>

<div class="t_h_scrollbar purple_squer" id="scrollbar_container">
  
<!-- Váš obsah -->
</div>

<div class="t_h_scrollbar purple_squer" id="scrollbar_container_1">
  
<!-- Váš obsah -->
</div>
4) Cena Licencování posuvníků je rozděleno na 3 typy:
  a) 1 Licence: Tato licence je určena pro jeden web na jedné doméně.
    Cena: 1 000,- Kč

  a) 5 Licencí: 5 licencí ve zvýhodněné částce. Možno použít na 5 webech
    Cena: 4 000,- Kč

  a) ∞ Licencí: Neomezený počet licencí na libovolný počet webů
    Cena: 10 000,- Kč

V případě zájmu mě prosím kontaktujte emailem, nebo pomocí: kontakního formuláře
4) Ochrana Krom toho, že je kód několikrát zkomprimován, jsou posuvníky chráněny licenčním kódem, který Vám vygenerujeme pro každou doménu. Majitelé multilicencí si jej mohou vygenerovat sami v administraci.