Question

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

在我的网站的其余部分，div已经位于距离页面顶部100px的固定位置。如果有人在没有首先滚动主页的情况下从主页导航到任何其他页面，则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]});
});

然后，在draggable的拖动停止事件中，使用

设置cookie值

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

我可以轻松设置最高位置吗？因为左侧位置会根据第一次访客的屏幕分辨率而有所不同吗？另外我假设应该在主页卸载事件上设置cookie，在每个其他页面上读取并在会话结束时删除？因此，如果有人登陆到关于页面进入主页，则没有任何反应。我认为我的逻辑有效： - ）

然后只需要让它动画！呼

保存页面之间div的垂直位置，然后设置为新位置的动画？

0 个答案: