Modelarea barei de derulare

Modelarea barei de derulare
După cum știți, în diferite sisteme de operare, barele de derulare (barele de derulare) au propriul aspect și nu pot fi modificate prin CSS, cel puțin browser încrucișat.







Setările pluginului:

  • cursorcolor - stabilește culoarea barei de derulare (implicit: "# 000000")
  • cursoropacitymin - specifică transparența barei de derulare atunci când nu este activă. Pot avea valori de la 0 la 1 (implicit: "0", adică banda este ascunsă)
  • cursoropacitymax - stabilește transparența barei de derulare în starea activă. Poate lua valori de la 0 la 1 (implicit: "1", adică banda este pe deplin vizibilă)
  • cursorwidth - specifică lățimea barei de derulare (implicit: "5px")
  • cursor - setează cadrul în cercul barei de parcurgere (implicit: "1px solid #fff")
  • cursorborderradius - specifică raza colțurilor rotunjite ale barei de derulare (implicit: "4px")
  • zindex - setează proprietatea z-index pentru blocul DIV, în interiorul căruia este bara de defilare (implicit: "9999")
  • scrollspeed - stabilește viteza de defilare (implicit: "60")
  • mousescrollstep - stabilește viteza de defilare cu rotița mouse-ului (implicit: "40")
  • touchbehavior - vă permite să parcurgeți conținutul cu cursorul mouse-ului, la fel ca în cazul dispozitivelor touch (implicit: false)
  • hwacceleration - utilizarea accelerației hardware, dacă este posibil (implicit: adevărat)
  • boxzoom - permite utilizarea funcției zoom (implicit: false)
  • dblclickzoom - (numai atunci când boxzoom = true) activează funcția zoom atunci când faceți dublu clic pe un element (implicit: true)
  • gesturezoom - (numai când se instalează boxzoom = adevărat și pe dispozitivele tactile) activează funcția zoom atunci când atinge blocul (implicit: tru) e
  • grabcursorenabled - (numai pentru touchbehavior = true) afișează indicatorul mouse-ului ca o "mâneră" (implicit: adevărat)
  • autohidemode - vă permite să ascundeți bara de derulare. Poate lua valori: "true" = aceasta este valoarea implicită, "false" = nu ascundeți
  • background - specifică fundalul blocului în care este localizată bara de defilare. (implicit: "", adică nu există fundal)
  • iframeautoresize - stabilește redimensionarea automată a iframe-ului la încărcarea conținutului său (implicit: true)
  • cursorminheight - specifică înălțimea minimă a barei de defilare în pixeli (implicit: "20")
  • preservenativescrolling - permite derularea orizontală, înlocuind evenimentul de derulare cu rotița mouse-ului (implicit: adevărat)
  • railoffset - puteți adăuga un decalaj superior / stâng pentru blocul în interiorul căruia se deplasează bara de defilare (implicit: false)
  • bouncescroll - includerea bouncing atunci când ajunge la partea de sus sau de jos a blocului (în mod similar, ca la dispozitivele senzor) (implicit: false)
  • spacebarenabled - derulează în jos când apăsați bara de spațiu (implicit: adevărat)
  • railpadding - specifică indicele pentru blocul în interiorul căruia se deplasează bara de defilare (implicit :)
  • disableoutline - pentru browserul Chrome, dezactivarea conturului (iluminare din spate portocaliu), când faceți clic pe bara de defilare (implicită: adevărată)
  • horizrailenabled - Permite utilizarea unei bare de derulare orizontale (implicit: true)
  • railalign - specifică locația barei de derulare verticale (implicit: "dreapta")
  • railvalign - specifică locația barei de derulare orizontale (implicit: "partea de jos")
  • enabletranslate3d - folosiți proprietățile CSS3 pentru a defila conținutul (implicit: adevărat)
  • enablemousewheel - urmări evenimentele roților mouse-ului (implicit: true)
  • enablekeyboard - evenimente ale tastaturii de urmărire (implicit: adevărat)
  • smoothscroll - stabilește derularea lină (implicit: adevărat)
  • sensitiverail - când faceți clic pe blocul în interiorul căruia se deplasează bara de defilare, apare derularea (implicit: adevărat)
  • enablemouselockapi - folosiți API-ul evenimentelor mouse-ului (folosit la deplasarea obiectelor) (implicit: true)
  • cursorfixedheight - stabilește înălțimea fixă ​​a barei de defilare în pixeli (implicit: false)
  • hidecursordelay - stabilește întârzierea în microsecunde până când dispare bara de defilare (implicit: 400)
  • directionlockdeadzone - zona mortă a zonei de blocare (implicit: 6)
  • nativeparentscrolling - urmărește sfârșitul paginii (implicit: adevărat)
  • enablecrollonselection - permite autocortarea conținutului la selectarea textului (implicit: adevărat)












Trimiteți-le prietenilor: