{"id":23780,"date":"2018-08-23T09:44:47","date_gmt":"2018-08-23T07:44:47","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/"},"modified":"2018-08-23T09:44:49","modified_gmt":"2018-08-23T07:44:49","slug":"pagepiling-js-sfogliare-pagine-con-jquery","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/","title":{"rendered":"pagePiling.js: sfogliare pagine jQuery"},"content":{"rendered":"


\n<\/p>\n

\n

L’giovamento articolo per mezzo di Page Piling<\/a>, \u00e8 consimile a come le quali si ottiene sfogliando le pagine a fine di una variet\u00e0. Durante la sua ecosistema, questo giovamento \u00e8 superlativo nel evenienza per cui si grillo innalzare l’diligenza basandosi su un layout mono-pagina, le quali al presente ha raggiunto l’sommo grado della fama, soluzioni quali Bootstrap<\/strong> e plug-in numerosi a fine di altrettanti CMS.<\/p>\n

E’ credibile guardare attentamente il conclusione dello script subito dalla home page del proponimento, le quali \u00e8 costruita l’ardore per obiezione, per rotta perpendicolare. E’ con tutto ci\u00f2 credibile fruttare un’ardore supino (le quali richiama ancor a fine di maggiormente la meraviglia a fine di sfogliare una variet\u00e0) le quali \u00e8 credibile guardare attentamente qui<\/a>.<\/p>\n

Sia nella home, sia nella pagina Git di sviluppo del progetto<\/a>, \u00e8 credibile rintracciare le informazioni necessarie per errore impiegare il plug-in per tutte le sue forme.<\/p>\n

Durante impiantare pagePiling.js, dobbiamo incluedere sia jQuery, sia il file CSS (pi\u00f9 avanti chiaramente al plug-in, vuoto sia per estesa le quali compatta):<\/p>\n

<link rel=\"stylesheet\" type=\"text\/css\" href=\"jquery.pagepiling.css\" \/>
\n
\n<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js\"><\/script>
\n<script type=\"text\/javascript\" src=\"jquery.pagepiling.js\"><\/script>
\n<\/pre>\n
O usando il prestazione CDN oblato al link\u00a0https:\/\/cdnjs.com\/libraries\/pagePiling.js<\/a>. Dubbio vogliamo andare alcune feature relative alle equazioni “easing” delle animazioni, abbiamo ristrettezza a fine di  altres\u00ec jQuery UI.<\/p>\n
La compagine HTML a fine di postazione \u00e8 effettivamente copiosamente agevole per mezzo di fruttare:<\/p>\n
<div id=\"pagepiling\">
\n\t<div class=\"section\">Some section<\/div>
\n\t<div class=\"section\">Some section<\/div>
\n\t<div class=\"section\">Some section<\/div>
\n\t<div class=\"section\">Some section<\/div>
\n<\/div><\/pre>\n
A fine di default la incisione le quali comparir\u00e0 per corda allo stack sar\u00e0 la prima del tempo  “section”, tuttavia questo contegno \u00e8 chiaramente customizzabile.<\/p>\n
A questo parte, in tutto ci\u00f2 le quali occorre per errore fruttare l’giovamento, \u00e8 una agevole citazione al legge pagepiling, al caricamento del DOM:<\/p>\n
$(document).ready(function() );
\n<\/pre>\n
Bando customizzabile  tutte le opzioni le quali l’ ci mette a allineamento:<\/p>\n
$(document).ready(function() );
\n<\/pre>\n
Esistono effettivamente numerosi parametri le quali possiamo  per errore estorcere oggetti differenti. Tra noi questi i maggiormente interessanti sono il looping (ossia quello scroll successivo, altres\u00ec a  dell’ultima incisione, sia al culmine, le quali al bottom), la  senza competenza ancore (utilizzando quello perfino link), i full background ed i callbacks, le quali sono molto utili per errore reggere entit\u00e0 succede all’azionamento delle animazioni ed per altri particolari eventi trigger, appena che possiamo constatare qui<\/a>.<\/p>\n
Ho tirato  quello script per obiezione  risultati soddisfacenti per camera a fine di perfezionamento. Durante un giovamento effettivamente convincente  ai layout one-page, mi sento a fine di istigare pagePiling.js appena che una delle scelte maggiormente comode ed immediate, sicuramente botta, basata sulla vista a fine di jQuery.<\/p>\n

\n        
\n
\n    <\/div>\n

\n
Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
L’giovamento articolo per mezzo di Page Piling, \u00e8 consimile a come le quali si ottiene sfogliando le pagine a fine di una variet\u00e0. Durante la sua ecosistema, questo giovamento \u00e8 superlativo nel evenienza per cui si grillo innalzare l’diligenza basandosi su un layout mono-pagina, le quali al presente ha raggiunto l’sommo grado della fama, soluzioni…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"\npagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"pagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"L’giovamento articolo per mezzo di Page Piling, \u00e8 consimile a come le quali si ottiene sfogliando le pagine a fine di una variet\u00e0. Durante la sua ecosistema, questo giovamento \u00e8 superlativo nel evenienza per cui si grillo innalzare l’diligenza basandosi su un layout mono-pagina, le quali al presente ha raggiunto l’sommo grado della fama, soluzioni...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-23T07:44:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-23T07:44:49+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/\",\"name\":\"pagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2018-08-23T07:44:47+00:00\",\"dateModified\":\"2018-08-23T07:44:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"pagePiling.js: sfogliare pagine jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"pagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/","og_locale":"it_IT","og_type":"article","og_title":"pagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"L’giovamento articolo per mezzo di Page Piling, \u00e8 consimile a come le quali si ottiene sfogliando le pagine a fine di una variet\u00e0. Durante la sua ecosistema, questo giovamento \u00e8 superlativo nel evenienza per cui si grillo innalzare l’diligenza basandosi su un layout mono-pagina, le quali al presente ha raggiunto l’sommo grado della fama, soluzioni...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2018-08-23T07:44:47+00:00","article_modified_time":"2018-08-23T07:44:49+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/","name":"pagePiling.js: sfogliare pagine jQuery - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2018-08-23T07:44:47+00:00","dateModified":"2018-08-23T07:44:49+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/pagepiling-js-sfogliare-pagine-con-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"pagePiling.js: sfogliare pagine jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23780"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=23780"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23780\/revisions"}],"predecessor-version":[{"id":23781,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23780\/revisions\/23781"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=23780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=23780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=23780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}