j-ViewBox
- Utrzymuje stałą wysokość procentową
- Doskonałe zastosowanie do aplikacji intranetowych
- Wsparcie
releasing
Konfiguracja:
height {Number}- odsetek wysokościdisabled {Boolean}opcjonalny, może wyłączyć zawartość z warstwąparent {String}Opcjonalnie, pojemnik o stałej wysokości może byćwindowPodstawowe wartości:parentelementy .minheight {Number}minimalna wysokość w pikselach (default:0- nie jest dostępny)scroll {Boolean}umożliwia pionowe skręcanie (default:false- nie jest włączony)scrollbar {Boolean/String}wyświetla pasek skręcania (default:truelub new:native)delay {Number}msec.odtwarza pudełko ponownie, jeśli wartość jest zmieniona zgodnie z ścieżką (default:100)visibleY {Boolean}nadal pokazuje pasek skręcaniaY(default:false)visibleX {Boolean}nadal pokazuje pasek skręcaniaX(default:false)scrollto {String}automatycznie skręca się w górę/na dół, jeślipathjest zmieniony (default:EMPTY, może byćtoplubbottom)margin {Number}opcjonalny, górna / dolna marża razem (podporujeautolicząc odoffset.top, domyślnie:0)marginxs {Number}opcjonalny, górna / dolna margina razem dla szerokości ekranuxsmarginsmopcjonalny, górna / dolna margina razem dla szerokości ekranusmmarginmdopcjonalny, górna / dolna margina razem dla szerokości ekranumdmarginlgopcjonalny, górna / dolna margina razem dla szerokości ekranulginvisible {Boolean}jeślitruenastępnie widok ustawia klasęinvisiblepodczas renderowania (default:true)scrollbarshadow {Boolean}jeślitrueto wybrane skrzydła będą zawierać odcienie pionowe (default:false)initdelay {Number}usuwa klasęinivisiblepo określonym czasie (default:250ms)centered {Boolean}umożliwia skoncentrowanie zawartości pionowo i horyzonalnie (default:false)resizedelay {Number}opóźnienie w rezygnacji (default:200)- NEW:
togglescrolled {String}wybór DOM dla elementów rodzicielskich (przyłącza klasęui-viewbox-scrolled, gdy pudełko widokowe jest skręcone)
Metody:
component.scrolltop(val)skrócenie icomponent.scrollbottom(val)skręca Y z dolnej stronycomponent.resize()odświeża pojemnik (reaguje automatycznie na wydarzeniaresize)component.resizescrollbar()odtwarza pasek skręcania (dotyczy specjalnych przypadków)
Użyj go z <ui-component name="viewbox">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.
<ui-component name="viewbox" config="height:30;parent:window" style="background-color:#F5F5F5">
Always 30%
</ui-component>
<ui-component name="viewbox" config="height:70;parent:window" style="background-color:#E0E0E0">
Always 70%
</ui-component>