2013-05-17 16 views
6

私は友人のために作成したウェブサイトには珍しい問題があります。
divへのHTMLの読み込み - 異常な問題

私は一定に維持するために、左のサイドバーダウンリンクでのindex.htmlを作成しました。リンクをクリックすると、ページの中央にあるメインディビジョンの内側に外部HTMLファイルが呼び出されます。

これが見事に動作しますが、(実際には厄介な問題である)一つの小さな問題で!あなたは、例えば、第1のリンク、「製品」をクリックした場合

、あなたはきれいに最後の画像へ、左から右にすべての方法からスクロールすることができます。 「ファッション」をクリックすると別のHTMLファイルが呼び出されますが、「製品」から途中で中断した段階、つまり始まりではなく右端に呼び出されます。

私は基本的に最初にリンクがクリックされるたびにページを呼び出すためにHTMLを強制する必要があります。あなたは私が何を言っているか確認するためにのためにここに私のWebリンクはP.S.は

http://www.hannahdakin.co.uk/betasite

...です私はフォーラムを見た後も同様の問題を持つ他の誰かを見つけることができませんが、この問題の用語が私には馴染みがないかもしれません。

誰かが助けることができたら、私は永遠に感謝しています!

+0

http://demos.flesler.com/jquery/scrollTo/ –

+2

スタックオーバーフローへようこそ。あなたの質問に直接関連コードを表示してみてください。 (そして、あなたが外部サイトへのURLを提供するつもりなら、少なくともクリック可能にしてください...) – nnnnnn

+1

ようこそstackoverflowへ! [サイトへのリンクではなく、特定の問題に実際のコードを投稿してください。](http://meta.stackexchange.com/q/125997)[FAQ](http://meta.stackexchange .com/questions/7931/faq-for-stack-exchange-sites)を使用すると、迅速に回答を得ることができます。 –

答えて

2

クリックごとに水平位置をリセットするには、ページ本体にjQuery .scrollLeft(0)コマンドを適用する必要があります。たとえば、

$('#products').click(function(){ 
    $('.slider').load("allimages.html #products2"); 
    $('body').scrollLeft(0); 
}); 

スクロールバーはコンテナではなくページ全体に固定されているため、ページ本文で行う必要があります。

メニューのクリックイベントごとにこれをコピーする必要があります。

+0

ありがとう、これはあまりにも機能しました! – user2393778

3

あなたは<div>に、水平スクロール位置をリセットするために.scrollLeft(0)を使用することができます。

+0

ああ、実際のコードを入れないのは謝罪だ、私は間違いなくそれを将来行うだろう。私は実際に問題がhtmlドキュメント内にあることに気づいた。私はすべてのdiv idを1つのhtmlファイルに保存していましたが、別のhtmlファイルを作成すると、最初はすべてロードされていましたが、今はこのscrollLeft(0)を試してみましょう! – user2393778

+0

完璧、ありがとう! – user2393778

関連する問題