1

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]});
});

次に、ドラッグ可能なオブジェクトのドラッグ停止イベントで、Cookieの値を次のように設定します。

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

一番上の位置を設定するだけで逃げることはできますか?初めての訪問者の画面解像度によって左の位置が変わるのでね。また、Cookieはホームページのアンロードイベントで設定し、1ページおきに読んで、セッションの最後に削除する必要があると思いますか?したがって、誰かがアバウトページにアクセスしてもホームページに移動しても何も起こりません。私のロジックは機能すると思います:-)

次に、アニメーション化する必要があります。ふぅ

4

0 に答える 0