Page reloads when you want the next items of the portfolio grid to be displayed

I’ve placed a Portfolio Grid at the bottom of my frontpage. I added following code to to my child functions.php:

add_action( 'wp_footer', 'enfold_customization_pagination_anchor' );
function enfold_customization_pagination_anchor() {
?>
<script type = "text/javascript">
jQuery(document).ready(function(){
jQuery('.pagination a').each(function(i, e){
var url = jQuery(this).attr('href');
jQuery(this).attr('href', url + "#evenementen");
});
});
</script>
<?php
}

Pagination works fine now! When navigate the page jumps to the ‘portfolio’ section :)!

1. However, the page reloads and jumps after to the portfolio grid. Is it possible to load all portfolio items before so the page does not have to reloads when navigate to other pages?
2. Only on the first page filter options are displayed, how can I show them on all pages?

Best thanks!