{"id":490,"date":"2015-09-10T19:28:00","date_gmt":"2015-09-10T19:28:00","guid":{"rendered":"http:\/\/shabeebk.com\/blog\/?page_id=490"},"modified":"2015-09-11T18:24:21","modified_gmt":"2015-09-11T18:24:21","slug":"lazy-scroll-api","status":"publish","type":"page","link":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/","title":{"rendered":"lazy scroll API"},"content":{"rendered":"<p>Here is the options available to make easy use of plugin .<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">&lt;Mydirective\r\n           \r\n            lazy-scroll=\"myFunctionToCall()\" \r\n            lazy-scroll-trigger=\"whenToTriggrt(0-100 percentage of screen)\"\r\n            lazy-no-scroll=\"Boolean to make disable\"\r\n        &gt;<\/pre>\n<p>Here we can set 3 parameters<\/p>\n<ol>\n<li>lazy-scroll : This will parameter will accept any function name which we want to call on scrolling . \u00a0This function will keep on call when page is scrolling . If this is not mentioned , functionality will not work .<\/li>\n<li>lazy-scroll-trigger : \u00a0This is an optional parameter to controll scroll trigger. This parameter can accept value ranging from \u00a00 -100, By using using this parameter , we can define when scroll function need to trigger. it varies from 1- 100 percentage of page. \u00a0for example\u00a0if we mention \u00a050 in this parameter , scroll function will called when mouse point reached on 50% of the screen.<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">Default value is 90%<\/pre>\n<p>&nbsp;<\/p>\n<p>3. \u00a0lazy-no-scroll : This is an optional parameter to disable scroll. This will parameter will accept boolean value (True or false). if it make to false , scroll will be disabled<\/p>\n<pre class=\"lang:default decode:true\">Default value is false<\/pre>\n<p>More functionality will be included in second version.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"490\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;13,671&nbsp;total views, &nbsp;1&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Here is the options available to make easy use of plugin . &nbsp; &lt;Mydirective lazy-scroll=&#8221;myFunctionToCall()&#8221; lazy-scroll-trigger=&#8221;whenToTriggrt(0-100 percentage of screen)&#8221; lazy-no-scroll=&#8221;Boolean to make disable&#8221; &gt; Here we can set 3 parameters lazy-scroll : This will parameter will accept any function name which we want to call on scrolling . \u00a0This function will keep on call when [&hellip;]<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"490\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;13,671&nbsp;total views, &nbsp;1&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":479,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.4.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>lazy scroll API - shabeeb Blog<\/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:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"lazy scroll API - shabeeb Blog\" \/>\n<meta property=\"og:description\" content=\"Here is the options available to make easy use of plugin . &nbsp; [crayon-5702a202f1839477918677\/] Here we can set 3 parameters lazy-scroll : This will parameter will accept any function name which we want to call on scrolling . \u00a0This function will keep on call when page is scrolling . If this is not mentioned , &hellip;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/\" \/>\n<meta property=\"og:site_name\" content=\"shabeeb Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-11T18:24:21+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"http:\/\/shabeebk.com\/blog\/#website\",\"url\":\"http:\/\/shabeebk.com\/blog\/\",\"name\":\"shabeeb Blog\",\"description\":\"A developer blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/shabeebk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#webpage\",\"url\":\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/\",\"name\":\"lazy scroll API - shabeeb Blog\",\"isPartOf\":{\"@id\":\"http:\/\/shabeebk.com\/blog\/#website\"},\"datePublished\":\"2015-09-10T19:28:00+00:00\",\"dateModified\":\"2015-09-11T18:24:21+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/shabeebk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"lazy scroll &#8211; infinite scrolling angularjs plugin\",\"item\":\"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"lazy scroll API\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"lazy scroll API - shabeeb Blog","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:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/","og_locale":"en_US","og_type":"article","og_title":"lazy scroll API - shabeeb Blog","og_description":"Here is the options available to make easy use of plugin . &nbsp; [crayon-5702a202f1839477918677\/] Here we can set 3 parameters lazy-scroll : This will parameter will accept any function name which we want to call on scrolling . \u00a0This function will keep on call when page is scrolling . If this is not mentioned , &hellip;","og_url":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/","og_site_name":"shabeeb Blog","article_modified_time":"2015-09-11T18:24:21+00:00","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"http:\/\/shabeebk.com\/blog\/#website","url":"http:\/\/shabeebk.com\/blog\/","name":"shabeeb Blog","description":"A developer blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/shabeebk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#webpage","url":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/","name":"lazy scroll API - shabeeb Blog","isPartOf":{"@id":"http:\/\/shabeebk.com\/blog\/#website"},"datePublished":"2015-09-10T19:28:00+00:00","dateModified":"2015-09-11T18:24:21+00:00","breadcrumb":{"@id":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/lazy-scroll-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/shabeebk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"lazy scroll &#8211; infinite scrolling angularjs plugin","item":"http:\/\/shabeebk.com\/blog\/lazy-scroll-infinite-scrolling-angularjs-plugin\/"},{"@type":"ListItem","position":3,"name":"lazy scroll API"}]}]}},"_links":{"self":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/pages\/490"}],"collection":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":5,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":501,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/pages\/490\/revisions\/501"}],"up":[{"embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/pages\/479"}],"wp:attachment":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/media?parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}