PAGINATION PROBLEM

[parada1280]

Hello i have an isotopic result with pagination on top and bottom, theproblem is when the user reach bottom and click NEXT the results goes to the secondpage but the user dont notice that, because the results are on the top and the user is in bottom, im trying to do a scroll to top when the NEXT button (on the bottompagination) is licked but i cant find the options, i tryied modifying the code but dont work, any advice?

<a class="asp_next" href="#primary">
                <?php echo $_pagination_arrow; ?>
            </a>

When i put an anchor the pagination dont work, also tyied jquery but dont.
Help.

[Ernest Marcinko]

Hi,

Well, there is no option on the back-end to do that, so the only way is using a custom javascript code.

Try adding this custom code to the functions.php in your theme/child theme directory (copy from line 3 only!). Before editing, please make sure to have a full site back-up just in case!

Please note, that I cannot guarantee this will work in every possible case though.

[parada1280]

You cannot access this content.

[Ernest Marcinko]

Try this modification:

add_action('wp_footer', 'asp_scroll_to_nav_top');
function asp_scroll_to_nav_top() {
  ?>
  <script>
  jQuery(function($){
    $('.asp_r').on('click touchend', '.asp_navigation *', function(e){
      var stop = $(this).closest('.asp_r').offset().top - 20; 
      if ( $('html').scrollTop() > stop ) { 
        $('html').animate({
            "scrollTop": stop
        }, {
            duration: 500
        });
      }
    });  
  });
  </script>
  <?php
}

[Author]

Posts