我的目标是将滚动位置保存在div中,这样在重新加载后它将加载到相同的位置。 在我的项目中使用this插件通过标题滚动到div内的元素。我目前使用这个插件的方式是:
$("#wrapper").scrollTo($(".active>.placementWrapper>.placementName[title='" + placementName + "']"));
var scrollToPos = placementName;
localStorage.setItem("scrollToPos", scrollToPos);
但正如您所看到的,我使用元素的标题来获取我需要滚动到的位置,所以当我用鼠标滚动时,位置不会更新。
这是插件的代码:
$.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); }
});
});
}
底线,任何想法如何保存#wrapper
内的最后位置? THX
答案 0 :(得分:0)
尝试使用此来存储。:
<div id="test" style="height:460px;"></div>
<script>
localStorage.hval=(document).getElementById("test").style.height;
</script>
要再次获得该值,
localStorage.getItem("hval");
您可以将hval
替换为您想要的任何内容。要检查LocalStorage,请转到开发工具&gt;资源&gt;本地存储