{"id":2463,"date":"2015-03-10T07:44:59","date_gmt":"2015-03-10T07:44:59","guid":{"rendered":"http:\/\/www.vishmax.com\/en\/?p=2463"},"modified":"2015-03-10T07:44:59","modified_gmt":"2015-03-10T07:44:59","slug":"jquery-smooth-parallax-scroll","status":"publish","type":"post","link":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/","title":{"rendered":"jQuery smooth parallax scroll"},"content":{"rendered":"

\"parallax-scroll\"
\nSmooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions. Modern browsers like Chrome 30+, Firefox 34+, Safari 7.1+, IE 10+ will support this. Usage of this script is very simple. First you need to download the source code from github.com, once downloaded then extract the zip file. Then you need to insert the script jquery.parallax-scroll.js in your page after jQuery, there is no more javascript code needed.<\/p>\n

Demo<\/a> Download<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions. Modern browsers like Chrome 30+, Firefox 34+, Safari 7.1+, IE 10+ will support this. Usage of this script is very simple. First you need to download the source code from github.com, once downloaded then extract the zip file. Then you need to […]<\/p>\n","protected":false},"author":1,"featured_media":2464,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[53,94],"yoast_head":"\njQuery smooth parallax scroll - Vishmax.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery smooth parallax scroll - Vishmax.com\" \/>\n<meta property=\"og:description\" content=\"Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions. Modern browsers like Chrome 30+, Firefox 34+, Safari 7.1+, IE 10+ will support this. Usage of this script is very simple. First you need to download the source code from github.com, once downloaded then extract the zip file. Then you need to […]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\" \/>\n<meta property=\"og:site_name\" content=\"Vishmax.com\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-10T07:44:59+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2015\/03\/parallax-400x230.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"230\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93\"},\"headline\":\"jQuery smooth parallax scroll\",\"datePublished\":\"2015-03-10T07:44:59+00:00\",\"dateModified\":\"2015-03-10T07:44:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\"},\"wordCount\":76,\"publisher\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\"},\"keywords\":[\"jQuery\",\"Web Design Tips\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\",\"url\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\",\"name\":\"jQuery smooth parallax scroll - Vishmax.com\",\"isPartOf\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#website\"},\"datePublished\":\"2015-03-10T07:44:59+00:00\",\"dateModified\":\"2015-03-10T07:44:59+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/www.vishmax.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery smooth parallax scroll\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#website\",\"url\":\"http:\/\/www.vishmax.com\/en\/\",\"name\":\"Vishmax.com\",\"description\":\"Software Company in Calicut for Web Design and eCommerce\",\"publisher\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.vishmax.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#organization\",\"name\":\"Vishmax.com\",\"url\":\"http:\/\/www.vishmax.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png\",\"contentUrl\":\"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png\",\"width\":150,\"height\":50,\"caption\":\"Vishmax.com\"},\"image\":{\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g\",\"contentUrl\":\"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g\",\"caption\":\"admin\"},\"url\":\"http:\/\/www.vishmax.com\/en\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery smooth parallax scroll - Vishmax.com","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":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/","og_locale":"en_US","og_type":"article","og_title":"jQuery smooth parallax scroll - Vishmax.com","og_description":"Smooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions. Modern browsers like Chrome 30+, Firefox 34+, Safari 7.1+, IE 10+ will support this. Usage of this script is very simple. First you need to download the source code from github.com, once downloaded then extract the zip file. Then you need to […]","og_url":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/","og_site_name":"Vishmax.com","article_published_time":"2015-03-10T07:44:59+00:00","og_image":[{"width":400,"height":230,"url":"http:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2015\/03\/parallax-400x230.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#article","isPartOf":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/"},"author":{"name":"admin","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93"},"headline":"jQuery smooth parallax scroll","datePublished":"2015-03-10T07:44:59+00:00","dateModified":"2015-03-10T07:44:59+00:00","mainEntityOfPage":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/"},"wordCount":76,"publisher":{"@id":"http:\/\/www.vishmax.com\/en\/#organization"},"keywords":["jQuery","Web Design Tips"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/","url":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/","name":"jQuery smooth parallax scroll - Vishmax.com","isPartOf":{"@id":"http:\/\/www.vishmax.com\/en\/#website"},"datePublished":"2015-03-10T07:44:59+00:00","dateModified":"2015-03-10T07:44:59+00:00","breadcrumb":{"@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/www.vishmax.com\/en\/blog\/jquery-smooth-parallax-scroll\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/www.vishmax.com\/en\/"},{"@type":"ListItem","position":2,"name":"jQuery smooth parallax scroll"}]},{"@type":"WebSite","@id":"http:\/\/www.vishmax.com\/en\/#website","url":"http:\/\/www.vishmax.com\/en\/","name":"Vishmax.com","description":"Software Company in Calicut for Web Design and eCommerce","publisher":{"@id":"http:\/\/www.vishmax.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.vishmax.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/www.vishmax.com\/en\/#organization","name":"Vishmax.com","url":"http:\/\/www.vishmax.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png","contentUrl":"https:\/\/www.vishmax.com\/en\/wp-content\/uploads\/2023\/03\/logo-vishmax.png","width":150,"height":50,"caption":"Vishmax.com"},"image":{"@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/785fa94b56eb17ae7706d30777d6ab93","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vishmax.com\/en\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/e218268870406c917d20b442936d9e68?s=96&d=monsterid&r=g","caption":"admin"},"url":"http:\/\/www.vishmax.com\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts\/2463"}],"collection":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/comments?post=2463"}],"version-history":[{"count":0,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/posts\/2463\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/media\/2464"}],"wp:attachment":[{"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/media?parent=2463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/categories?post=2463"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.vishmax.com\/en\/wp-json\/wp\/v2\/tags?post=2463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}