2014-11-26 2 views
0

Я хочу реализовать функциональность, в которой при нажатии кнопки «Назад» я возвращаюсь в ту же позицию. Хорошим примером может быть http://www.jabong.com/men/clothing/mens-t-shirts/. Здесь, если вы прокрутите страницу вниз и нажмете на продукт и перейдете на страницу продукта, вы достигнете той же позиции страницы, на которой находится этот продукт.Бесконечная прокрутка + кнопка назад, подобная jabong

Приведенный здесь пример не добавляет ничего в URL, чтобы запомнить позицию. Кроме того, он не использует pushstate или history.js (не загружая через ajax).

Любое понимание того, как я могу это сделать?

+0

есть ли плагин или код для того чтобы достигнуть этого? –

ответ

0

Я думаю, что они используют что-то вроде:

anchor = $('#foo'); 
$('html,body').animate({scrollTop: anchor.offset().top},'fast'); 

соз я найти после спасенных.

class="lastproduct added" 
0

При нажатии на продукт запускается функция, в которую вставляются файлы cookie с текущей страницей и нажатием SKU. Таким образом, когда вы вернетесь, функция получить это печенье, загрузите все страницы и установить позиции прокрутки и удаление куки-де с помощью следующей функции:

scrollToLastViewedProduct: function() { 
    var a = $(window).scrollTop(); 
    if ($("#" + lastViewedCatalogDetail.sku).length) { 
     $(window).scrollTop(a + 1); 
     $(window).scrollTop($("#" + lastViewedCatalogDetail.sku).offset().top) 
    } 
    lastViewedCatalogDetail.removeCatalogCookie() 
} 
Смежные вопросы