我在Web应用程序中使用this scrollTo插件。问题是我希望能够刷新页面并保存滚动位置,以便页面重新加载时与重新加载之前的位置相同。知道我该如何实现吗?谢谢...
为了方便起见,在此处将插件的代码发布:
$.fn.scrollTo = function( target, options, callback ){
if(typeof options == 'function' && arguments.length == 2){ callback = options; options = target; }
var settings = $.extend({
scrollTarget : target,
offsetTop : 50,
duration : 500,
easing : 'swing'
}, options);
return this.each(function(){
var scrollPane = $(this);
var scrollTarget = (typeof settings.scrollTarget == "number") ? settings.scrollTarget : $(settings.scrollTarget);
var scrollY = (typeof scrollTarget == "number") ? scrollTarget : scrollTarget.offset().top + scrollPane.scrollTop() - parseInt(settings.offsetTop);
scrollPane.animate({scrollTop : scrollY }, parseInt(settings.duration), settings.easing, function(){
if (typeof callback == 'function') { callback.call(this); }
});
});
}
最佳答案
您可以尝试使用localStorage保存滚动位置。
window.onbeforeunload = function() {
localStorage.setItem('lastScrollPosition', x);
};
window.onload = function() { scrollTo(localStorage.getItem('lastScrollPosition')); }
粗鲁的例子