refresh scroll position body

refresh scroll position body

Hello,

I’m learning jQuery. I use this template : http://www.youxithemes.com/themes/leviate and I made changes. The problem is

$( 'body' ).scrollspy( 'refresh' );

does not work. explanation : I load a page “creations.html” a div ”# containercrea” in the index.html page.

  1. $('a.creative').on('click', function() {
  2.       var url = $(this).attr('href');
  3.       $('#containercrea').load('creations.html');
  4. });


And I empty the div ”# containercrea” to click the “zw-nav” menu :

  1. $('#zw-nav').on('click', function() 
  2.       var url = $(this).attr('href');
  3.      $('#containercrea').empty('creations.html');
  4. });


Everything works, except that the values of the scroll #anchors are lost since the insertion of the contents of the div "#containercrea"changes the height of the page so the positioning div index.html the menu with anchors therefore does not work properly, it is lost ! I tried to do a refresh of the body:

  1. $('a.creative').on('click', function() {
  2.       var url = $(this).attr('href');
  3.       $('#containercrea').load('creations.html');
  4.       $( 'body' ).scrollspy( 'refresh' );
  5. });


I also tried

$( 'body' ).scrollTo( 'refresh' );


but no it does not work.

If it helps, here are the pieces of script with the word "scroll" that I found in the js used by the template (leviate.js).

  
    
   
  1. /* ==========================================================================
    2. 
   

    3. 
   
  3. ScrollSpy
    4. 
   

    5. 
   
  5. ============================================================================= */
    6. 
   

    7. 
   
  7. if( $.fn.scrollspy ) {
    8. 
   

    9. 
   
  9. $( 'body' ).scrollspy({
    10. 
   

    11. 
   
  11. target: '#zw-header'
    12. 
   

    13. 
   
  13. });
    14. 
   

    15. 
   
  15. $( window ).on( 'smartresize orientationchange', function() {
    16. 
   

    17. 
   
  17. $( 'body' ).scrollspy( 'refresh' );
    18. 
   

    19. 
   
  19. });
    20. 
   

    21. 
   
  21. }
    22. 
   

    23. 
   
  23. /* ==========================================================================
    24. 
   

    25. 
   
  25. ScrollTo
    26. 
   

    27. 
   
  27. ============================================================================= */
    28. 
   

    29. 
   
  29. if( $.fn.scrollTo ) {
    30. 
   

    31. 
   
  31. $( '#zw-nav, #work, #zw-header .brand, .slider-block .slide-link' ).on( 'click', 'a[href^="#"]', function(e) {
    32. 
   

    33. 
   
  33. var href = $( this ).attr( 'href' );
    34. 
   

    35. 
   
  35. var target = href === '#'? 0 : $( href );
    36. 
   

    37. 
   
  37. $( window ).scrollTo( target, {
    38. 
   

    39. 
   
  39. duration: $.isHandheld? 0 : 400
    40. 
   

    41. 
   
  41. });
    42. 
   

    43. 
   
  43. e.preventDefault();
    44. 
   

    45. 
   
  45. });
    46. 
   

    47. 
   
  47. }
    48.

Thank you kindly help me.

Mo