Sammy.js कैश और स्थिति स्क्रॉल जब इतिहास

Question

में वापस जा रहा है, तो किसी को अब भी Sammy.js उपयोग कर रहा है पता नहीं है, लेकिन मैंने पाया यह पूरी तरह एक हल्के मार्ग और templating पुस्तकालय के लिए मेरी जरूरतों सूट। अगर किसी के पास अन्य विचार हैं, तो कृपया मुझे बताएं।

मेरी समस्या यह है कि जब मेरे पास एक लंबा पृष्ठ होता है और मैं नीचे स्क्रॉल करता हूं, तो इस पृष्ठ पर एक लिंक पर क्लिक करें और वापस जाएं, पूरा पृष्ठ पुनः लोड किया गया है (सैमी में, जीईटी मार्ग कहा जाता है) और यह कूदता है पृष्ठ के उपर।

मेरे सवाल यह है: वहाँ जब इतिहास में वापस जा रहा सैमी कैश पेज है और स्क्रॉल स्थिति को बनाए रखने के लिए एक रास्ता है?

अग्रिम धन्यवाद।

Answer 1

आप एक जोड़ी के रूप यूआरएल-scrollTop स्टोर करने के लिए वैकल्पिक मार्ग के रूप में इस्तेमाल कर सकते हैं localStorage। इस प्रकार ब्राउज़र निर्दिष्ट यूआरएल के लिए srolltop स्थिति याद करता है।

var scroltop,url; 
$(window).scroll(function() { 
    scroltop = $(this).scrollTop(); 
    url = window.location.href; 
    clearTimeout($.data(this, 'scrollTimer')); 
    $.data(this, 'scrollTimer', setTimeout(function() { 
    localStorage.setItem(url,scroltop); 
    }, 250)); 
}); 
if(localStorage.getItem(window.location.href)) { 
    url = window.location.href; 
    scroltop = localStorage.getItem(url); 
    $(window).scrollTop(scroltop); 
} 

JSbin example