如何保存滚动状态
how to save the scroll state
我想保存/确定滚动状态(当前位置),这样当用户回到上一个网站时,他可以从离开的位置继续他的工作。
我可以持续将滚动位置保存到全局变量中,并在用户返回时读取它吗?
使用javascript,您可以找到滚动高度,然后将其设置为cookie。这不是一个很好的方法,但它是可能的。
查找滚动高度:
$(document).ready(function(){
$(window).scroll(function(){
var scrolled = $(this).scrollTop();
console.log(scrolled);
});
});
我建议使用jquery cookie插件将其设置为cookie或会话:http://archive.plugins.jquery.com/project/Cookiehttp://www.sitepoint.com/eat-those-cookies-with-jquery/
然后将变量添加到cookie:
$(document).ready(function(){
$(window).scroll(function(){
$.removeCookie("mySiteScrolled");
var scrolled = $(this).scrollTop();
$.cookie("mySiteScrolled", scrolled);
console.log(scrolled);
});
});
然后添加"检查滚动"语句
$(document).ready(function(){
var scrolled = $.cookie("mySiteScrolled");
if(scrolled){
$(window).scrollTop(scrolled);
}
$(window).scroll(function(){
$.removeCookie("mySiteScrolled");
var scrolled = $(this).scrollTop();
$.cookie("mySiteScrolled", scrolled);
console.log(scrolled);
});
});
我可能会使用jQuery来轻松确定scoll位置$(document).scrollTop();
,并使用本地存储来设置/获取位置。
相关文章:
- 无限滚动,动态数据按上次修改状态排序
- UI 路由器 - 在状态之间转换时记住滚动位置
- 在 React/Redux 中管理同级组件之间的滚动状态
- 如何删除“;被访问”;当我滚动时从链接进入状态
- JQuery UI拖动到可排序状态而不滚动
- 弹出窗口处于活动状态时禁用滚动
- 更改自动滚动的 URL(推送状态?
- 如何以多个目标可以同时处于活动状态的方式实现“滚动间谍”
- 当目标处于顶部滚动状态时,如何从菜单中激活项目
- 尝试在滚动子导航时保持父导航处于活动状态
- 向上滚动时,基于滚动位置的 javascript 动画不会恢复到其原始状态
- 角度 UI 路由器在滚动时更改状态
- 在触摸设备上的悬停状态后启用链接,而不会影响正常滚动
- 隐藏滚动条以保持其工作状态(具体情况)
- 如何保存滚动状态
- 在jqgrid中维护滚动状态
- 如何为改变滚动状态的菜单栏添加悬停效果
- JavaScript页面滚动状态
- 如何设置隐藏元素的滚动状态
- Jquery动画滚动到顶部停止按钮具有滚动状态