Невозможно создать эффект SO для просмотра сообщений в jQuery.

Question

Меня интересует плавающий эффект SO при нажатии на новейшую ссылку:

Какую библиотеку вы бы использовали в jQuery для создания плавающего эффекта?

Answer 1

Если вы посмотрите на эту страницу и посмотрите на источник, вы увидите, что именно они делают. На самом деле это всего лишь около 10 строк JavaScript, которые прокручиваются до раздела, который вы хотите отсортировать при нажатии на ссылку:

$.scrollTo("#answers-table", 400);

Затем он вызывает API, используя jQuery с href, указанным в ссылке сортировки:

var url = $(this).attr('href');
$.post(url, function(result) {/*function code is below*/})

Затем функция, указанная для обратного вызова, заменяет весь элемент div, на который вы только что прокручивали, результатом:

var domelement = $(result);
$("#answers-table").html(domelement);

Фактическая стилизация вкладки просто указывает другой класс для ссылки, чтобы изменить цвет. Это также не точно порядок, в котором все делается, но это довольно близко.

Кто-то, пожалуйста, дайте мне знать, если обсуждение того, как работает сайт StackOverflow, противоречит какому-либо TOS.

Answer 2

Это похоже на вкладки, но с некоторыми CSS, чтобы это выглядело иначе. http://jqueryui.com/demos/tabs/