PAGINATION PROBLEM

This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by Ernest Marcinko.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 11, 2019 at 6:36 pm #21064
parada1280
Participant
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.
February 12, 2019 at 11:13 am #21073

Ernest Marcinko
Keymaster

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.

March 12, 2019 at 3:58 pm #21581

parada1280
Participant

You cannot access this content.

March 13, 2019 at 9:29 am #21589
Ernest Marcinko
Keymaster
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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘PAGINATION PROBLEM’ is closed to new replies.