Adăugarea la plugin-ul jQuery putere scrollbar, mnogoblog
Bună ziua, azi hai sa vorbim despre cum să atașați la orice bloc de pe bara de defilare site-ul cu jQuery plugin - jQuery slimScroll scrollbar.
Descărcați codul sursă pentru acest articol poate fi de mai jos
Acest plugin va lua cu jQuery Plugin Repository - «plugins.jquery.com».
Pentru informații despre magazia pe bază de plugin jQuery slimScroll bara de defilare:
jquery Necesar> = 1,7
exemplu demo pot fi găsite pe pagina de plugin - «rocha.la/jQuery-slimScroll» sau să descărcați o arhivă zip de plugin-ul de pe aceeași pagină - acesta va fi dosar exemple, deschideți-l în fișierul index.html - aici veți găsi mai mult de 20 de exemple de utilizare a plug-in.
Cum se instalează plugin-ul de pe site-ul WordPress jQuery?
1. Du-te la site-ul «rocha.la/jQuery-slimScroll» și faceți clic pe link-ul de «slimScroll descărcare»:
Descărcați fișierul zip, despachetați - de la tata rezultat vom avea nevoie de un singur fișier - jquery.slimscroll.min.js
2. Ne arunca jquery.slimscroll.min.js la serverul site-ului. Puteți utiliza Uploader ftp (puteți arunca în directorul rădăcină al site-ului) sau pur si simplu adauga ca un fișier media prin intermediul panoului de control WordPress.
Utilizați al doilea mod - deschis panoul de control WordPress în meniul din stânga selectați elementul „Media“ și sub-elementul „Adăugați o nouă“, selectați fișierul jquery.slimscroll.min.js de pe computer și încărcați-l - apoi amintiți URL-ul să-l:
În acest scop, în fișierul header.php aveți posibilitatea să inserați până etichetă Următoarea linie de cod:
Asta este, am înregistrat jquery.slimscroll.min_.js script-ul și l-au legat de jquery 1.9.0.
4. Acum, selectați textul sau codul relevant. la care doriți să conectați bara de defilare, și înveliți-l în div următoarele blocuri:
Dacă introduceți într-un widget, selectați widget-ul numit „Text“.
5. În acest plugin jQuery are mai multe opțiuni - pot vedea dacă deschideți un folder în exemplele încărcate în paragraful 1 fișier zip.
Aceasta este, despachetați fișierul zip descărcat, mutați în directorul exemple, acesta conține un fișier index.html și deschideți-l:
Pe partea stângă, veți vedea un meniu cu sub-secțiuni de exemple, precum și la dreapta codului demonstrativ.
Adică, sub fiecare exemplu, veți găsi codul de care aveți nevoie pentru a adăuga la slimscroll.min.js fișier. am aruncat pe site-ul în pasul 2. adică va trebui să modificați.
De exemplu, pentru a ajunge aici această unitate:
Trebuie să adăugați fișierul următorul cod slimscroll.min.js la partea de jos:
În următorul articol voi încerca să înțeleagă crearea barei de defilare pentru blocuri cu CSS.
Legate de intrări:
- Script-ul de schimbare bloc de fundal (site-ul)
- Pagina de încărcare Smooth defilare
- Afișați conținutul cu o întârziere
- animații jQuery: Mos reni (Moș Crăciun) pe site
- Crearea unei unități retractabil de sus, stânga, dreapta pentru a ...
- cărți pluginuri pe conținut WordPress sau în formă de carte
Mesaj de navigare
Vă mulțumesc foarte mult pentru articol, mult timp căutat ceea ce mi se părea un astfel de lucru simplu, dar nicăieri astfel încât nu a găsit punerea în aplicare atât de ușor, doar ceea ce ai nevoie)
Bine ai venit! Fac totul în clasă, dar derulare nu funcționează! Site-ul în sine este de a face pentru prima dată, poate că ceva nu este activat, Vă rog să mă ajute ... Am încărcat jquery.slimscroll.min.js ca fișier media, copiați URL-ul lui, am conecta printr-un fișier script functions.php - așa cum ați scris, modificați adresa URL la adresa URL, textul înfășurați într-un bloc div, dar aceasta nu funcționează! dacă vă lăsați adresa URL în fișierul functions.php - funcționează, dar, desigur, nu pot schimba unitatea de defilare! te rog ajuta ... Pun pariu timp de 3 zile!