2016-01-13 6 views
1

Моя цель - сохранить положение прокрутки внутри div, так что после перезагрузки он будет загружаться в том же положении. В моем проекте я использую плагин this для прокрутки к элементу внутри div по его названию. текущий путь я использую этот плагин так:сохранить положение прокрутки внутри 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? ТНХ

ответ

0

Попробуйте использовать только это хранить .:

<div id="test" style="height:460px;"></div> 

<script> 

localStorage.hval=(document).getElementById("test").style.height; 

</script> 

Чтобы получить значение снова,

localStorage.getItem("hval"); 

Вы можете заменить hval с почти все, что вы want.To проверить LocalStorage, идти к инструментам Dev> Ресурсы> Локальное хранилище

Смежные вопросы