{"action":"closed","issue":{"url":"https://api.github.com/repos/webcreate/infinite-ajax-scroll/issues/214","repository_url":"https://api.github.com/repos/webcreate/infinite-ajax-scroll","labels_url":"https://api.github.com/repos/webcreate/infinite-ajax-scroll/issues/214/labels{/name}","comments_url":"https://api.github.com/repos/webcreate/infinite-ajax-scroll/issues/214/comments","events_url":"https://api.github.com/repos/webcreate/infinite-ajax-scroll/issues/214/events","html_url":"https://github.com/webcreate/infinite-ajax-scroll/issues/214","id":105323657,"number":214,"title":"Google Material Design and Infinite Scroll","user":{"login":"sevekim","id":11042584,"avatar_url":"https://avatars.githubusercontent.com/u/11042584?v=3","gravatar_id":"","url":"https://api.github.com/users/sevekim","html_url":"https://github.com/sevekim","followers_url":"https://api.github.com/users/sevekim/followers","following_url":"https://api.github.com/users/sevekim/following{/other_user}","gists_url":"https://api.github.com/users/sevekim/gists{/gist_id}","starred_url":"https://api.github.com/users/sevekim/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sevekim/subscriptions","organizations_url":"https://api.github.com/users/sevekim/orgs","repos_url":"https://api.github.com/users/sevekim/repos","events_url":"https://api.github.com/users/sevekim/events{/privacy}","received_events_url":"https://api.github.com/users/sevekim/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2015-09-08T08:05:59Z","updated_at":"2016-08-26T13:01:04Z","closed_at":"2016-08-26T13:01:04Z","body":"I am using a google material design for the site (shown below).\r\n\r\nThe infinite scroll works just fine by itself. However when it is inside of google material design, it simply does not work.\r\n\r\nDoes anyone what I can do about this?\r\n\r\n    <div class=\"mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-drawer\">\r\n\t<header class=\"mdl-layout__header\">\r\n\t\tHead\r\n\t</head>\r\n\t<main class=\"mdl-layout__content\">\r\n\t\t<div class=\"rfp_hide\" id=\"rhm_post_show\">\r\n\t\t\t<?php\r\n\t\t\tif ( get_query_var('paged') ) {\r\n\t\t\t\t$paged = get_query_var('paged');\r\n\t\t\t} elseif ( get_query_var('page') ) {\r\n\t\t\t\t$paged = get_query_var('page');\r\n\t\t\t} else {\r\n\t\t\t\t$paged = 1;\r\n\t\t\t}\r\n\t\t\t$args = array( \t\t\t\t\r\n\t\t\t\t'paged'=>$paged,\r\n\t\t\t\t'posts_per_page' => 5,\t\t\t\t\r\n\t\t\t\t'orderby' => 'date',\t\t\t\r\n\t\t\t\t'order' => 'DESC'\r\n\t\t\t\t);\r\n\t\t\t$loop = new WP_Query( $args );\r\n\t\t\tglobal $post, $paged; \r\n\t\t\twhile ( $loop->have_posts() ) : $loop->the_post(); \r\n\t\t\t?>\r\n\t\t\t<div class=\"rhm_post_container\">\r\n\t\t\t\tPost\r\n\t\t\t</div>\r\n\t\t\t<?php endwhile; ?>\r\n\t\t\t<?php wp_reset_postdata(); ?>\t\t\r\n\t\t</div>\r\n\t\t<nav id=\"rh_nav_below\">\r\n\t\t\t<ul>\r\n\t\t\t\t<li class=\"rh_nav_previous\"><?php previous_posts_link( '&laquo; PREV', $loop->max_num_pages) ?></li> \r\n\t\t\t\t<li class=\"rh_nav_next\"><?php next_posts_link( 'NEXT &raquo;', $loop->max_num_pages) ?></li>\r\n\t\t\t</ul>\r\n\t\t</nav>\r\n\t</main>\r\n    </div>\r\n\r\n\r\n    <script>\r\n\tvar container = document.querySelector('#rhm_post_show');\r\n\tvar msnry = new Masonry( container, {\r\n\t  // options\r\n\t  itemSelector: '.rhm_post_container',\r\n\t  gutter: 10\r\n\t});\r\n\r\n\tvar ias = $.ias({\r\n\t  container:  '#rhm_post_show',\r\n\t  item:       '.rhm_post_container',\r\n\t  pagination: '#rh_nav_below',\r\n\t  next:       '.rh_nav_next a',\r\n\t  delay: 100\r\n\t});\r\n\r\n\tias.on('render', function(items) {\r\n\t  $(items).css({ opacity: 0 });\r\n\t});\r\n\r\n\tias.on('rendered', function(items) {\r\n\t  msnry.appended(items);\r\n\t});\r\n\r\n\t ias.extension(new IASSpinnerExtension());\r\n\t ias.extension(new IASNoneLeftExtension({html: '<div class=\"ias-noneleft\" style=\"text-align:center\"><p><em>You reached the end!</em></p></div>'}));\r\n     </script>\r\n\r\nAny suggestion to how to fix this?\r\n\r\nThanks!"}}
{"actor":{"display_login":"fieg"}}