Backbone.js - 后退按钮恢复滚动位置

Question

我有一个用backbone.js 编写的Web 应用程序。假设我有一个搜索结果页面，并且用户被滚动到搜索结果的底部。用户单击最后一个搜索结果，并显示该结果的页面。

我想支持后退按钮，当用户点击“后退”时，路由器启动并重新显示搜索页面。问题是当重新渲染搜索页面时，它会再次滚动到顶部。

将结果恢复到原始位置的最佳方法是什么？

Answer 1

考虑跟踪 View 中的滚动位置。然后在 render或让 route改变页面位置

View = Backbone.View.extend({
   initialize: function () {
      var self = this;
      $( window ).on( 'scroll', function () {
         self.position = this.pageYOffset;
      });

   },
   render: function () {
      // render code
      if ( this.position ) {
        window.scrollBy( 0, this.position );
      }
   }
});