The page contains a news feed with tabs for sorting. By clicking, a change in content occurs and the footer jumps while hereing how to fix it http://tsmir-alex.owstudio.ru/news.php

  • If possible, publish the solution found in response to your question . I am sure it will help many of your colleagues in the future. - Nicolas Chabanovsky ♦

1 answer 1

Alternatively, you can use the following algorithm:

  1. When you click on the tab, make the container a little transparent (CSS property opacity). This will let the user know that some action has begun. Generally it would be good to impose a rotating spiner.

  2. Initiate an ajax request.

  3. If the request succeeds, rewrite the contents of the container. If you use jQuery, then it is done like this $ (". My-container"). Html ("new-content-from-ajax").

  4. Bring back the value of opacity.

  • The problem was different, but your way added beauty. Thank you - Alexander Startsev