{"id":16148,"date":"2016-02-14T07:29:23","date_gmt":"2016-02-14T07:29:23","guid":{"rendered":"http:\/\/rnbtheme.com\/shortcodes\/?page_id=16148"},"modified":"2021-11-29T14:38:24","modified_gmt":"2021-11-29T14:38:24","slug":"scrolling-effect","status":"publish","type":"page","link":"https:\/\/rnbtheme.com\/elements\/scrolling-effect\/","title":{"rendered":"Scrolling effect"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row dfd_enable_overlay=&#8221;&#8221;][vc_column]\t\t\t\r\n\t\t\t<div id=\"dfd-scrolling-effect-69e17ab5e69ec\" class=\"dfd-scrolling-effect-module \">\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"dfd-scrolling-effect-item\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"dfd-scaling-image dfd-same-bg\"><\/div>\r\n\t\t\t\t\t<div class=\"dfd-appearing-image dfd-same-bg\"><img decoding=\"async\" src=\"https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2021\/11\/Big_notebook_1.jpg\" alt=\"image holder\" style=\"visibility: hidden;\" \/><\/div>\r\n\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t$(document).ready(function() {\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t$('head').append('<style type=\"text\/css\">#dfd-scrolling-effect-69e17ab5e69ec .dfd-same-bg {background-image: url(https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2021\/11\/Big_notebook_1.jpg);}#dfd-scrolling-effect-69e17ab5e69ec .dfd-scaling-image {\\n\t\t\t\t\t\t\ttop: 50%;\\n\t\t\t\t\t\t\twidth: 3689px;\\n\t\t\t\t\t\t\theight: 1798px;\\n\t\t\t\t\t\t\tmargin-left: -1844.5px;\\n\t\t\t\t\t\t\tmargin-top: -799px;\\n\t\t\t\t\t\t}\\n\t\t\t\t\t\t#dfd-scrolling-effect-69e17ab5e69ec .dfd-appearing-image {\\n\t\t\t\t\t\t\twidth: 1106.7px;\\n\t\t\t\t\t\t\theight: 539.4px;\\n\t\t\t\t\t\t\tmargin-top: 999px;\\n\t\t\t\t\t\t}<\/style>');\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tif(!Modernizr.touch) {\r\n\t\t\t\t\t\t\t\tvar $window = $(window),\r\n\t\t\t\t\t\t\t\t\t$container = $('#dfd-scrolling-effect-69e17ab5e69ec'),\r\n\t\t\t\t\t\t\t\t\tel = $('.dfd-scaling-image', $container),\r\n\t\t\t\t\t\t\t\t\tmac = $('.dfd-appearing-image', $container),\r\n\t\t\t\t\t\t\t\t\toffset = mac.offset();\r\n\r\n\t\t\t\t\t\t\t\t$window.on('scroll', function() {\r\n\t\t\t\t\t\t\t\t\tvar windowTop = $window.scrollTop(),\r\n\t\t\t\t\t\t\t\t\t\tscrollPercent = (offset.top - windowTop) \/ offset.top,\r\n\t\t\t\t\t\t\t\t\t\tscale = 'scale(' + scrollPercent + ')';\r\n\r\n\t\t\t\t\t\t\t\t\tel.css('transform', scale);\r\n\r\n\t\t\t\t\t\t\t\t\tif (scrollPercent <= .3) {\r\n\t\t\t\t\t\t\t\t\t\tel.hide();\r\n\t\t\t\t\t\t\t\t\t\tmac.css('opacity',1);\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tel.show();\r\n\t\t\t\t\t\t\t\t\t\tmac.css('opacity',0);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t})(jQuery);\r\n\t\t\t\t<\/script>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t\t[\/vc_column][\/vc_row][vc_row dfd_enable_overlay=&#8221;&#8221;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;]<div class=\"dfd-heading-shortcode\"><div class=\"dfd-heading-module-wrap  text-center style_02 dfd-heading-69e17ab5e6a66 dfd-disable-resposive-headings\" id=\"dfd-heading-69e17ab5e6a66\" ><div class=\"inline-block\"><div class=\"dfd-heading-module\"><h3 class=\"widget-sub-title dfd-sub-title \" style=\"font-family:Lora; font-weight:400; font-style:normal; font-size: 15px; line-height: 35px; \">Use stunning promo scroll effect to impress the visitors at first sight.<\/h3><h2 class=\"widget-title dfd-title \" style=\"\">About Scrolling Effect<\/h2><div class=\"dfd-heading-delimiter\"><\/div><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>.dfd-heading-69e17ab5e6a66.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {border-bottom-style:dotted;border-bottom-width:1px;width:650px;border-bottom-color:#d3d3d3;}.dfd-heading-69e17ab5e6a66.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {margin-top:25px;margin-bottom:0px;}@media (max-width: 799px){.dfd-heading-69e17ab5e6a66 .dfd-title{font-size: 36px !important;line-height: 40px !important;}}@media (max-width: 799px){.dfd-heading-69e17ab5e6a66 .dfd-sub-title{font-size: 14px !important;line-height: 26px !important;}}<\/style>\");\r\n\t\t\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t\t\t<\/script><\/div>[\/vc_column][\/vc_row][vc_row dfd_bg_style=&#8221;image&#8221; dfd_parallax_style=&#8221;dfd_animated_bg&#8221; dfd_bg_image_new=&#8221;20490&#8243; dfd_bg_image_size=&#8221;initial&#8221; dfd_parallax_sense=&#8221;90&#8243; dfd_animation_direction=&#8221;left&#8221; dfd_enable_overlay=&#8221;&#8221; row_delimiter=&#8221;1&#8243;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30&#8243;]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"80\" data-normal_resolution=\"1024\" data-normal_size=\"60\" data-tablet_resolution=\"800\" data-tablet_size=\"40\" data-mobile_resolution=\"480\" data-mobile_size=\"40\" style=\"height: 80px;\"><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"dfd-heading-shortcode\"><div class=\"dfd-heading-module-wrap  text-center style_02 dfd-heading-69e17ab5e6c16 dfd-disable-resposive-headings\" id=\"dfd-heading-69e17ab5e6c16\" ><div class=\"inline-block\"><div class=\"dfd-heading-module\"><h5 class=\"widget-title dfd-title \" style=\"text-decoration:underline; \"><\/p>\n<p>Short Description<\/p>\n<p><\/h5><div class=\"dfd-heading-delimiter\"><\/div><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>.dfd-heading-69e17ab5e6c16.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {border-bottom-style:solid;border-bottom-width:1px;width:100px;border-bottom-color:#dddddd;}.dfd-heading-69e17ab5e6c16.dfd-heading-module-wrap .dfd-heading-module .dfd-heading-delimiter {margin-top:10px;margin-bottom:10px;}<\/style>\");\r\n\t\t\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t\t\t<\/script><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;\">Scrolling content module will help you to display high quality image at the top and scale it down while the user scrolls the page unleashing more side content of the image. Great effect to amuze the visitors and attract their attention.<\/p>\n<p>[\/vc_column_text]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"15\" data-normal_resolution=\"1024\" data-normal_size=\"15\" data-tablet_resolution=\"800\" data-tablet_size=\"15\" data-mobile_resolution=\"480\" data-mobile_size=\"35\" style=\"height: 15px;\"><\/div><div id=\"dfd-announce-69e17ab5e6cb8-772\" class=\"dfd-announce-module-wrap align-center no_full_bg_class  style-1 layout-3\" ><div class=\"dfd-announce-module\"><div class=\"module-icon\" style=\"font-size:19px; color:#262626;\"><i class = \"dfd-icon-code\"><\/i><\/div><div class=\"module-text\" style=\"font-family:Lora; font-weight:400; font-style:italic; font-size: 15px; \">Style \u2014 Default; Layout \u2014 default; Inside options \u2014custom\u00a0offset;<\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t$(\"head\").append(\"<style>#dfd-announce-69e17ab5e6cb8-772.dfd-announce-module-wrap.full_bg_class .dfd-announce-module:before {top:19px; }#dfd-announce-69e17ab5e6cb8-772.dfd-announce-module-wrap .dfd-announce-module {style=&quot;margin-top:19px; &quot;}#dfd-announce-69e17ab5e6cb8-772.dfd-announce-module-wrap .dfd-announce-module:before {style=&quot;&quot;}<\/style>\");\r\n\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t<\/script><\/div><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"35\" data-normal_resolution=\"1024\" data-normal_size=\"30\" data-tablet_resolution=\"800\" data-tablet_size=\"30\" data-mobile_resolution=\"480\" data-mobile_size=\"20\" style=\"height: 35px;\"><\/div><div class=\"animation-container \" ><div id=\"video-player-69e17ab5e6d9b-6642\" class=\"dfd-videoplayer style-2 layout-4 text-center \"><div class=\"button-wrap\"><div class=\"dfd-video-button  \" ><span class=\"mask-for-hover\"><\/span><span class=\"play\" style=\"border-left-color:#ffffff\"><\/span><\/div><div class=\"title-wrap\"><div class=\"feature-title\" style=\"font-size: 15px; \">Watch module video<\/div><div class=\"delimiter\" ><\/div><div class=\"subtitle\" style=\"\">Use 1080p for better quality.<\/div><\/div><a href=\"#module_video_69e17ab5e6da9\" class=\"dfd-video-link \" data-animation=\"\"><\/a><\/div><div  style=\"display:none;\" class=\"\" id=\"module_video_69e17ab5e6da9\" data-animation=\"\"><iframe loading=\"lazy\" title=\"Scrolling Effect Module Creation\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/rLgbLtf0GKY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div><\/div><script type=\"text\/javascript\">\r\n\t\t\t\t\t\t\t(function($) {\r\n\t\t\t\t\t\t\t\t$(\"head\").append(\"<style>#video-player-69e17ab5e6d9b-6642 .dfd-video-button {border-radius:8px; } #video-player-69e17ab5e6d9b-6642.style-2 .dfd-video-button .mask-for-hover {border: none; border-radius:8px; background: linear-gradient(to right, #e52c27 0%,#c2171d 100%); }<\/style>\");\r\n\t\t\t\t\t\t\t\t$(document).ready(function(){\r\n\t\t\t\t\t\t\t\t\tDFD_VideoModule.init(\"module_video_69e17ab5e6da9\",\"video-player-69e17ab5e6d9b-6642\");\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t})(jQuery);\r\n\t\t\t\t\t\t<\/script><div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"0\" data-normal_resolution=\"1024\" data-normal_size=\"0\" data-tablet_resolution=\"800\" data-tablet_size=\"0\" data-mobile_resolution=\"480\" data-mobile_size=\"40\" style=\"height: 0px;\"><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div id=\"dfd-single-image-module69e17ab5e736c-671\" class=\"dfd-single-image-module  image-center \" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/rnbtheme.com\/elements\/wp-content\/uploads\/sites\/97\/2016\/02\/macair_par.png\" width=\"608\" height=\"337\"  alt=\"Image module\" \/><\/div>[\/vc_column_inner][\/vc_row_inner]<div class=\"dfd-spacer-module\"  data-units=\"px\" data-wide_resolution=\"1280\" data-wide_size=\"100\" data-normal_resolution=\"1024\" data-normal_size=\"100\" data-tablet_resolution=\"800\" data-tablet_size=\"60\" data-mobile_resolution=\"480\" data-mobile_size=\"35\" style=\"height: 100px;\"><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row dfd_enable_overlay=&#8221;&#8221;][vc_column][\/vc_column][\/vc_row][vc_row dfd_enable_overlay=&#8221;&#8221;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_mobile:30|padding_right_mobile:30&#8243;][\/vc_column][\/vc_row][vc_row dfd_bg_style=&#8221;image&#8221; dfd_parallax_style=&#8221;dfd_animated_bg&#8221; dfd_bg_image_new=&#8221;20490&#8243; dfd_bg_image_size=&#8221;initial&#8221; dfd_parallax_sense=&#8221;90&#8243; dfd_animation_direction=&#8221;left&#8221; dfd_enable_overlay=&#8221;&#8221; row_delimiter=&#8221;1&#8243;][vc_column dfd_column_responsive_enable=&#8221;dfd-column-responsive-enable&#8221; responsive_styles=&#8221;padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text] Scrolling content module will help you to display high quality image at the top<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-custom.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16148","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/comments?post=16148"}],"version-history":[{"count":3,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16148\/revisions"}],"predecessor-version":[{"id":20612,"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/pages\/16148\/revisions\/20612"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/elements\/wp-json\/wp\/v2\/media?parent=16148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}