2012-05-04 9 views
0

私は、Jqueryとhtmlで設計された単一のページングされたWebサイトを持っています。私はすべての "ページ"を保持する#site-contentと呼ばれるdivを持っており、幅は4400pxです。ページ1は左から始まり、0px、左から2番目:-1100px、左から3番目:-2200px、左から4番目:-3300px; 3ページ目。私はこれを得る:私のsitecontentを適切な場所に設定してください。

<div id="site-content" style="left: -2200px;"> 

ページを更新した後、それは再び左から始まる:0px;

左からもう一度始めることができる方法はありますか:-2200px;

のコード例では、本当に、

+0

リフレッシュ後、ページ1ではなくページ3が再度表示されますか?またはdivの左のスタイル属性を設定する方法を知りたいですか? –

+0

私がページ3にあった場合にリフレッシュした後、リフレッシュ後にページ3に行きたい – coderjoe

答えて

1

はアンカーのナビゲーションを使用してみてください事前に

おかげで、にappriciatedされるだろう。

URLが次のように表示されている場合は、このコードが有効です。http://site.com/#1など。

$(document).ready(function(){ 
    var anchor = window.location.hash; // not sure about correct getting anchor 
    $("#site-content").animate({ left:(1100*anchor)+"px" }, 500); 
}); 
+0

http://site.com/index.php/#1も動作しますか? – coderjoe

+0

はい、任意のURLを使用できますが、 ".php"部分の後にスラッシュは必要ありません:correct url - site.com/index.php#1 – Narian

関連する問題