2011-07-05 15 views
0

私はスクロールバーでdiv内のリンクのリストを持っています。ユーザーがdivのx-heightより下のリンクをクリックすると、スクロールバーは自動的に先頭に戻ります。ユーザーがクリックしたリンクに関係なく、スクロールバーの位置を維持したいと思います。 Here is the site - 2006年から絵をクリックしようとすると、私の言いたいことがわかります。スクロールバーが自動的に上に戻るのを防ぐにはどうすればよいですか?

私はこのスクロールバーの動作をどのようにすることができますか?

おかげで、 ブラッド

答えて

0

これらのリンクは、新しいページへのリンクだけのことです...ので、それはスクロールバーがリセットされることはあまりないのですが、全体のブランドの新しいページが来ていることのように見えます'リセット'スクロールバーは単なる副産物です。

最もエレガントなやり方は、ページをリロードすることなくそれらのリンクを新しいコンテンツにプルすることですが、これにはAJAXが必要です。

http://siddharthparasnis.com/2006-01/#menu-item-377

ページまでスクロールリロードします:あなたはAJAXとどのようにそれを実装するの複雑さに慣れていない場合は、これは以下のように、リンクにアンカーが含まれるようにリンクを変更することができますその項目。

+0

偉大な答えarkigos-そしてあなたが正しい - 最もエレガントな方法は、AJAXを使用することです。悲しいかな、私はその解決策の専門知識を持っていません。あなたのメニュー項目のリンクの変更は、私がそれをつぶす前に働いた... どのように377番号を取得しましたか?私はそれがすべての仕事をするために必要なすべてだと思う。ありがとうございました! –

+0

リンクタグのIDです。ハッシュマーク '#'が付いた要素のIDを参照することで、HTML要素(私が知る限り)までページを同期させることができます。これは、目的の効果のためにURLの末尾に貼り付けることができます。私はそのIDをページソースを読んで見つけました。 – arkigos

+0

私はちょうど火かき棒を使ってそれを考え出しました。しかし、返信いただきありがとうございます。それは動作しますが、今では私の問題は、ページ全体のスクロールバーが下に移動し、それはユーザーのために物事が少し不快になります! –

関連する問題