1

我正在使用Sticky Panel在主页上放置一个 div，以便它与页面一起从大约一半向下滚动到从页面顶部粘贴 100px。

在我网站的其余部分，div 已经位于距离页面顶部 100 像素的固定位置。如果有人在没有先滚动主页的情况下从主页导航到任何其他页面，则 div 会跳转到 100px 的位置。

我想保存 div 的垂直位置（可能在 cookie 中？）并将其传输到新页面，然后让 div 动画到 100px 位置。

非常感谢任何帮助

更新：

我找到了一些与 jquery cookie 插件一起使用的代码，我认为可以对其进行修改：

$(document).ready(function(){
  // does cookie exist?
  if ($.cookie('menu_position')) {
        var coords = $.cookie('menu_position').split(',');
  } else {
        var coords = [100,100]; // default top and left
  }
  $('.menu').css({top:coords[0],left:coords[1]});
});

然后，在您的可拖动对象的拖动停止事件上，将 cookie 值设置为

$.cookie('menu_position',$('.menu').css('top')+','+$('.menu').css('left'));

我可以简单地设置顶部位置吗？因为左边的位置会根据第一次访问者的屏幕分辨率而有所不同，不是吗？另外我假设应该在主页卸载事件上设置 cookie，在每个其他页面上读取并在会话结束时删除？因此，如果有人登陆 about 页面进入主页，则不会发生任何事情。我认为我的逻辑有效:-)

然后只需要让它动画！唷

4

0 回答 0