2011-09-16 14 views
0

私は、ユーザーがコンテンツをインラインで編集できるシステムを構築していますが、しかし、プロジェクトの要件は次のとおりです。スクロールバーの位置を維持する方法はありますか?ページの更新時に(JavaScriptなし)?

No Javascript!

は上のスクロールバーの位置を維持するだけで、PHP、HTMLとCSSを使用した方法はありますページをリフレッシュすると、編集ボタンがクリックされたときにページが上にジャンプしませんか?

提案がありますか?

+3

これは非常に一般的です。ハッシュURLを使用している場合は、非常に簡単です。スクロールバーの正確な位置とランダムな位置が必要な場合は、JSなしではおそらく不可能です。 – wisefish

答えて

5

を編集したとき、これはプログレッシブ・エンハンスメントのための完璧な場所のように聞こえます。 javascriptがない場合は、指定されたアンカータグ(Olliとして記述)とURL上のハッシュを使用して、それを閉じるようにします(ただし正確ではありません)。

javascriptがある場合は、スクロール位置をクッキーまたはURLパラメータに保存し、ページのリロード時にスクロール位置を正確に復元します。

javascriptを使用せずにできる最高の体験を提供する上で妥協する必要はありませんが、javascriptが利用可能な場合はより良いものを提供します(漸進的強化)。

ページングまたはタブ付きインターフェイスを使用して(ウィンドウの上部近くに編集フィールドを配置する)、フィールドの編集時にスクロールする可能性が低くなります。

+0

誰かが何か言いたいことがあるかどうかをちょうど見るためにちょっと残しておきますが、私はあなたの権利を感じています。 – Jai

+0

または、javascriptとプレーンHTMLの両方を実行できます。これは100%確実なオプションです – Olli

3

はので、それを実行します。

<a name="jumphere"></a> 

を、あなたが

http://yourUrlHere.com/somepage.php#jumphere 
関連する問題